no pintar caracter no valido en un input

mdromed · #1 (**permalink**) 08/07/2012, 15:41

Pues eso que necesito controlar, caracter a caracter, el texto introducido en un input (caja de texto) para que solo acepte numeros y en el caso de que el caracter no sea un numero que no llegue a pintarlo en la caja de texto.
En vb6 sí que se podia pero en javascript no lo se.

¿Alguien lo sabe?

Tengo algo asi pero no hace lo que quiero:

Código:

            $varCar = arg_evento.keyCode;
            if($varCar < 48 || $varCar > 57){
                return false;
            }
            return true;

Tb he probado retornando 'void' pero no funciona
Gracias de antemano

furoya · #2 (**permalink**) 08/07/2012, 17:58

¿Y ése qué lenguaje es?. Javascript seguro que no. A menos que a tu función le falte algo, como un prototype o una "librería".
(Y 'pintar' no es lo mismo que 'escribir'.)

Validacion en Formulario (numeros)

emprear · #3 (**permalink**) 08/07/2012, 18:26

El tema de la vallidación de un campo con números ya ha sido tratado muchas veces en el foro, usa esta expresión regular

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Aceptar solo número desde teclado</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
function validar(e){
var expresion=/[\d]/; // sólo nums
return expresion.test(String.fromCharCode(e.which));
}
//]]>
</script>
 <input type="text" id="numero" name="numero" onkeypress="return validar(event)" />
</body>
</html>

Con respecto a eso de "pintarlo", a que te referís? a seleccionarlo?, con este método solo acepta numeros desde teclado, tambien del pad numérico si BloqNum esta activo

Saludos

emprear · #4 (**permalink**) 08/07/2012, 18:30

Cita:

Iniciado por furoya

¿Y ése qué lenguaje es?. Javascript seguro que no. A menos que a tu función le falte algo, como un prototype o una "librería".
(Y 'pintar' no es lo mismo que 'escribir'.)

Validacion en Formulario (numeros)

como anda @furoya, tanto tiempo, supongo que se quedó en un hibrido entre lo que tiene y lo que quiere hacer

SAludos

furoya · #5 (**permalink**) 08/07/2012, 18:47

Seguro que es eso. Pero es verdad que con usar el buscador alcanzaba y sobraba. Hay ejemplos para estudiar a roletes.

Yo ando masomenos, Ahora los desubicados de siempre me llenan la casilla de mensajes y no puedo recibir ninguno.
No vi su post hasta ahora porque me puse a revisar MPs viejos para irlos borrando y hacer un poco de lugar. Lleva tiempo, que preferiría utilizar en colaborar un poquito más con el Foro.

¿Y usted qué cuenta?

emprear · #6 (**permalink**) 08/07/2012, 18:48

Edito, quedó medio restrictiva la cosa, vamos a permitirle borrar con backspace, la expresión regular debe ser
var expresion=/[\d\b]/;

SAludos

furoya · #7 (**permalink**) 08/07/2012, 19:13

(Ah, bueno, si se pone en exquisito : le falta el signo "-" para los negativos y el "." para los decimales.

Pero hay que ver si mdromed los necesita. Hasta ahora no volvió.)

emprear · #8 (**permalink**) 08/07/2012, 19:17

Cita:

Iniciado por furoya

(Ah, bueno, si se pone en exquisito : le falta el signo "-" para los negativos y el "." para los decimales.

Pero hay que ver si mdromed los necesita. Hasta ahora no volvió.)

Uyyyy, y yo que estuve por agregarle excepciones para "delete", flecha izq. y "flecha derecha"...

"Exquisito" , es mi segundo nombre!

mdromed · #9 (**permalink**) 09/07/2012, 08:33

Gracias a todos antes de nada.
Os explico: el trozo de codigo que he mostrado es el que lleva una funcion que recibe el "event" del onkeyup de la caja de texto.
Lo de las expresiones regulares esta muy bien pero mi verdadera duda es: ¿Si el caracter no es valido, se puede hacer con expresiones regulares que dicho caracter no se llegue a mostrar en la caja de texto?

Por cierto, mi codigo es javascript furoya. jeje.

emprear · #10 (**permalink**) 09/07/2012, 08:43

Cita:

Iniciado por mdromed

Gracias a todos antes de nada.
Os explico: el trozo de codigo que he mostrado es el que lleva una funcion que recibe el "event" del onkeyup de la caja de texto.
Lo de las expresiones regulares esta muy bien pero mi verdadera duda es: ¿Si el caracter no es valido, se puede hacer con expresiones regulares que dicho caracter no se llegue a mostrar en la caja de texto?

Por cierto, mi codigo es javascript furoya. jeje.

te tomaste la molestia de probar el código que te pasé?

mdromed · #11 (**permalink**) 09/07/2012, 08:46

Cita:

Iniciado por emprear

te tomaste la molestia de probar el código que te pasé?

AH, perdon, no lo vi.
Voy a probar y te digo algo.
Gracias

furoya · #12 (**permalink**) 09/07/2012, 10:10

Cita:

Iniciado por emprear

te tomaste la molestia de probar el código que te pasé?

Por no hablar de los enlaces que yo le pasé!

La verdad es que no sé para qué contesté. Es algo que está por toda la web, era muy fácil de encontrar con cualquier buscador, pero si ni se toma el trabajo de leer las respuestas, ¿qué va a tomarse el trabajo de buscar nada?.

Cita:

Iniciado por mdromed

Por cierto, mi codigo es javascript furoya. jeje.

¿Sí? Hazme un favor, para reivindicarte pon el código completo desde <html> hasta </html>, así podemos probarlo y aprender algo nuevo.

mdromed · #13 (**permalink**) 09/07/2012, 11:19

Cita:

Iniciado por furoya

¿Sí? Hazme un favor, para reivindicarte pon el código completo desde <html> hasta </html>, así podemos probarlo y aprender algo nuevo.

Furoya si que he leido el resto de links.
Y para lo proxima vez pondré el codigo completo, no hace falta que te pongas asi.

Por cierto, gracias por los aportes a todosl.

mdromed · #14 (**permalink**) 09/07/2012, 11:44

He probado esta expresion regular y creo que es valida para numeros decimales.
¿Como lo veis?

Código Javascript:

Ver original^\d+[,\.]?\d+$

IsaBelM · #15 (**permalink**) 09/07/2012, 13:25

mejor esta otra

Cita:

/^(\d)+((\.)(\d){1,2})?$/

furoya, te quedastes atrás. personalmente no me gusta, pero .....

furoya · #16 (**permalink**) 09/07/2012, 15:03

Cita:

Iniciado por mdromed

Furoya si que he leido el resto de links.
Y para lo proxima vez pondré el codigo completo, no hace falta que te pongas asi.

Por cierto, gracias por los aportes a todosl.

¿Y el "código completo"?

Bueno, ¿para que insistir, no?.

En realidad, sí sé que en una variable se puede incluir el caracter "$", IsaBelM. Lo averigüé cuando empecé a ver sintaxis JQuery en el Foro de Javascript. Donde no corresponde.
Pero quería ver de dónde lo había sacado mdromed. Porque acordemos en que no sólo a ti, y a mí, no nos gusta. La mayoría de los programadores evita usarlo, hasta que se cae en un "agregado". Que ni dudo que ésta sea una convención y no una regla escrita.
Justo en esa línea que mostró, no le hace diferencia; si estuviera en $arg_evento o en $keyCode sospecharía más, pero no costaba nada insistir. Aposté, porque aquí nunca se sabe ...

Si me disculpan, aprovecho a comentar un offtopic.
Me encontré en varios temas con gente que discute negando lo evidente o afirmando lo inverosimil. Y me preguntaba si en verdad existe algún target, alguna tribu o grupo en donde esto pueda traer algún beneficio al mentiroso.
Porque si alguien me dice que el cielo es verde a pintitas moradas, cuando yo lo estoy viendo celeste, ese alguien queda algo más que 'desprestigiado'. No le encuentro la ventaja.
A menos que sí haya gente que crea lo que le dicen, sólo porque se lo dicen.
Ya hemos hablado en este Foro sobre los nabos que leen en una página web el "Haga click AQUÍ para ser feliz!" ... y pican; pero no quiero creer que ese comportamiento lo usan en la vida diaria, que vaguen por el mundo sin el menor sentido crítico.

Entonces pregunto : ¿Por qué sigues insistiendo en que viste los enlaces, mdromed, si es evidente que posteas como si no hubieses hecho una búsqueda y no te hubieras hartado de ver ejemplos para estudiar? ¿O de verdad crees que estás preguntando por algo original?.

Bueno, tampoco hace falta que contestes.

IsaBelM · #17 (**permalink**) 09/07/2012, 15:12

Cita:

Iniciado por furoya

lo averigüé cuando empecé a ver sintaxis jquery en el foro de javascript. Donde no corresponde.

+1000000

emprear · #18 (**permalink**) 09/07/2012, 17:01

Cita:

Iniciado por furoya

Si me disculpan, aprovecho a comentar un offtopic.
Me encontré en varios temas con gente que discute negando lo evidente o afirmando lo inverosimil. Y me preguntaba si en verdad existe algún target, alguna tribu o grupo en donde esto pueda traer algún beneficio al mentiroso.
Porque si alguien me dice que el cielo es verde a pintitas moradas, cuando yo lo estoy viendo celeste, ese alguien queda algo más que 'desprestigiado'. No le encuentro la ventaja.
A menos que sí haya gente que crea lo que le dicen, sólo porque se lo dicen.
Ya hemos hablado en este Foro sobre los nabos que leen en una página web el "Haga click AQUÍ para ser feliz!" ... y pican; pero no quiero creer que ese comportamiento lo usan en la vida diaria, que vaguen por el mundo sin el menor sentido crítico.

Offtopic del Offtopic:
@furoya, estás viviendo en un país con 9% de inflación anual !!!! y todavía dudas de que el cielo tenga más colores que un Dalí, o que la mentira beneficie a alquien?

A propósito de tu imágen, como el arquitecto no se animó a meter mano, tuve que recurrir a los servicios de mi cirujano plástico, Dr. Javier Zenos Kaidhos, la mano, valga la redundancia, quedó más o menos asi
http://foros.emprear.com/img_fdw/mano.jpg

Saludos y pacienciaaaaaaaaaa...

mdromed · #19 (**permalink**) 09/07/2012, 17:16

Vamos a ver, no he escrito nunca en este foro con el animo de crear polemica.
No es esa mi intencion.
Si a alguien he molestado con mi duda, lo siento de veras.
Y asumo mi error en que el codigo fuente que puse, por error, es php.

Mea culpa.
Por cierto, gracias de nuevo por vuestros aportes.

mdromed · #20 (**permalink**) 09/07/2012, 17:20

[QUOTE=IsaBelM;4228430]mejor esta otra

/^(\d)+((\.)(\d){1,2})?$/

[QUOTE]

¿Por que hay que terminar y empezar las expresiones regulares en javascript con una barra "/"?

mdromed · #21 (**permalink**) 09/07/2012, 17:22

Cita:

Iniciado por IsaBelM

mejor esta otra
/^(\d)+((\.)(\d){1,2})?$/

¿Por que hay que terminar y empezar las expresiones regulares en javascript con una barra "/"?

emprear · #22 (**permalink**) 09/07/2012, 17:39

Cita:

Iniciado por mdromed

Vamos a ver, no he escrito nunca en este foro con el animo de crear polemica.
No es esa mi intencion.
Si a alguien he molestado con mi duda, lo siento de veras.
Y asumo mi error en que el codigo fuente que puse, por error, es php.

Mea culpa.
Por cierto, gracias de nuevo por vuestros aportes.

Esa es la sintáxis, en una expresión, las barras delimitan el patron.
En virtud del reconocimiento, te dejo esta otra que por ahi te funciona mejor

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>validar número, entero o float</title>
<script type="text/javascript">
//<![CDATA[
var textoactual = "";
function validar(campo,e){ 
var elcampo = document.getElementById(campo);   
e = (e) ? e : ((event) ? event : null);
var version = (e.target) ? e.target : ((e.srcElement)?e.srcElement : null );
var teclaNum = e.keyCode;
if(teclaNum != 9){
if((!validarNumero(elcampo.value))||(elcampo.value == "")){
elcampo.value = textoactual;
elcampo.focus();
document.getElementById('mensaje').innerHTML = 'Debe ingresar un número';
}else{
textoactual = document.getElementById(campo).value;
document.getElementById('mensaje').innerHTML = '';
} // fin valida num
} // fin detectar tecla
} // fin función
 
function validarNumero(input){
return (!isNaN(input)&&parseInt(input)==input)||(!isNaN(input)&&parseFloat(input)==input);
}
//]]>
</script>
</head>
<body>
<form action="#">
<input type="text" id="precio" name="precio" value="" onkeyup="validar(this.id,event);" /><br />
</form>
<div id="mensaje"></div>
</body>
</html>

Saludos

mdromed · #23 (**permalink**) 09/07/2012, 17:46

ok gracias.
Una cosa mas ¿Cuando hay que usar .test y .match?
¿Y cuando se usa el objeto RegExp?

Gracias de nuevo

emprear · #24 (**permalink**) 09/07/2012, 18:07

Para eso están los manuales y tutorials

http://www.w3schools.com/jsref/jsref_obj_regexp.asp
http://www.w3schools.com/jsref/jsref_regexp_test.asp
etc

Te digo una por ahora, RegExp lo usas para pasas variables de javascript dentro de un patrón, ejemplo

Código Javascript:

Ver original//cadena es una variable
var er = new RegExp(cadena,"i"); 
var n=valor.search(er);
//si usases directamente 
var er = /cadena/i;
//cadena sería simplemente un string

Saludos y a estudiar

mdromed · #25 (**permalink**) 09/07/2012, 18:14

Cita:

Iniciado por emprear

Para eso están los manuales y tutorials

http://www.w3schools.com/jsref/jsref_obj_regexp.asp
http://www.w3schools.com/jsref/jsref_regexp_test.asp
etc

Te digo una por ahora, RegExp lo usas para pasas variables de javascript dentro de un patrón, ejemplo

Código Javascript:

Ver original//cadena es una variable
var er = new RegExp(cadena,"i"); 
var n=valor.search(er);
//si usases directamente 
var er = /cadena/i;
//cadena sería simplemente un string

Saludos y a estudiar

Gracias tio!!!!!!!!!!!!!!!

furoya · #26 (**permalink**) 10/07/2012, 08:09

Cita:

Iniciado por furoya

¿Y ése qué lenguaje es?. Javascript seguro que no.

Cita:

Iniciado por mdromed

Y asumo mi error en que el codigo fuente que puse, por error, es php.

Mea culpa.

Ni sabes javascript... ¿ni sabes PHP?

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<script type="text/javascript">

function alfa(arg_evento){
var $varCar = arg_evento.keyCode; 
            if($varCar < 48 || $varCar > 57){
               return false
            }
            return true;
}
</script>
</head>
<body>
<input onKeypress="event.returnValue = alfa(event)" >
</body>
</html>

Perfectamente puede ser javascript. Si hubieses puesto el código completo, como te negaste a hacer desde el principio ...

Cita:

Iniciado por emprear

A propósito de tu imágen, como el arquitecto no se animó a meter mano, tuve que recurrir a los servicios de mi cirujano plástico, Dr. Javier Zenos Kaidhos, la mano, valga la redundancia, quedó más o menos asi
http://foros.emprear.com/img_fdw/mano.jpg

Je. En otro foro, cuando empezamos a escribir nombres como esos con un compañero, un moderador de Argentina casi nos echa por p*l*t*d*s. No le hizo gracia que le bajaramos el nivel general con infantilismos.
Una pena, porque entre los que inventamos y los que nos acordábamos, juntamos como 50.

Muy interesante la imagen. Resulta que Fabiana Barreda, además de artista plástica es psicoanalista [Nota: el link que puse lleva al detalle de una de sus obras]. Me hubiese gustado saber qué interpretación haría de tu versión, donde la PC está en el centro de la palma, y el baño en el dedo pulgar.

IsaBelM : olvidé agradecerte el enlace. Eres mi uikipedia.

mdromed · #27 (**permalink**) 10/07/2012, 09:05

Gracias de verdad....
El problema estaba en que llamaba mal a la funcion.
Asi como me habeis dicho si que funciona: onKeypress="event.returnValue = alfa(event);"

Perdonad por las molestias!
Gracias

mdromed · #28 (**permalink**) 10/07/2012, 09:36

ohhhh! Lo malo es que en Firefox el "return false" no funciona. Escribe el caracter igualmente aunque no cumpla la expr. regular.

¿Alguna solucion?

mdromed · #29 (**permalink**) 10/07/2012, 10:05

Cita:

Iniciado por mdromed

ohhhh! Lo malo es que en Firefox el "return false" no funciona. Escribe el caracter igualmente aunque no cumpla la expr. regular.

¿Alguna solucion?

Yo mismo me respondo. Asi funciona en IE, FF, Chrome, Opera y Safari:

Código Javascript:

Ver originalonkeypress="javascript:return fun_controlContenidoCaja(event, this.id, '123');"

mdromed · #30 (**permalink**) 10/07/2012, 11:20

Cita:

Iniciado por IsaBelM

mejor esta otra
/^(\d)+((\.)(\d){1,2})?$/

Y para que acepte comas en lugar de puntos, para los decimales?