Validar campo que solo admita números
Escrito por J.F. el Domingo, 15 de Julio 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:
HTML:
-
-
-
<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
HTML:
-
<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.
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
No hay comentarios
Entradas relacionadas
Deja un comentario
Escribir un comentario
