Validar campo que solo admita números
Escrito por J.F. el Sunday, 15 de July del 2007 a las 16:09
Utilizar una caja de texto que solo admita caracteres númericos, es decir, unicamente enteros, puede resultar muy útil en multitud de ocasiones. Por ejemplo a la hora de introducir una edad, o un año... Por ello vamos a elaborar una función que unicamente nos permita insertar en la caja números, no aceptando ningún otro tipo de caracter. Veamos todo el código:
-
-
-
<script language="JavaScript">
-
<!--
-
var nav4 = window.Event ? true : false;
-
function acceptNum(evt){
-
var key = nav4 ? evt.which : evt.keyCode;
-
return (key <= 13 || (key>= 48 && key <= 57));
-
}
-
//-->
-
</script>
-
-
</head>
-
-
<input type="text" name="valor" size="4" maxlength="4"
-
onKeyPress="return acceptNum(event)">
-
-
</body>
-
</html>
Éste ejemplo podrÃa ser válido para un campo en el que queramos que una persona introduzca su año de nacimiento. Como vemos en
-
<input type="text" name="fecha" size="4" maxlength="4"
-
onKeyPress="return acceptNum(event)">
hemos decididido que tanto el tamaño de la caja, como el máximo de caracteres que admita sea 4. En caso de necesitar más números podemos aumentar ese valor o simplemente eliminar los atributos size y maxlength.
Comentarios (2)
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
Entradas relacionadas
Comentario de Ricardo Carcamo
Realizado el Saturday, 11 de September del 2010 a las 1:29
veo que elaboraste esto el 15 de Julio de 2007.
Solo quiero deirte que muchas gracias por este articulo, me ha sido de mucha utilidad.
Mil Gracias
Comentario de lexusnk
Realizado el Friday, 21 de October del 2011 a las 0:30
muchisimas gracias por tu codigo me a sido de gran ayuda para una practica..
