Tutorial JavaScript: Validar Campo Numérico (que solo contenga números).

Continuando con los Mini Tutoriales de JavaScript, ahora voy a explicar otro método de validación de campos de formulario: Validar que contenga sólo números.

JavaScript

Tutoriales JavaScript

Ahora, imaginemos que uno de nuestros campos pide un número de teléfono, una fecha, edad, código postal, o cualquier otro campo que debe contener números unicamente… la solución para evitar que nos envíen datos incorrectos, es validar con JavaScript que los datos de ese campo sean números.

Para esto, no es necesario hacer una super función ni usar expresiones regulares, la validación en este caso es tan sencilla como esto:
Nota: Reemplazar campo_a_validar por el nombre del campo que será validado.

if (isNaN(f.campo_a_validar.value)) {
alert("Error:\nEste campo debe tener sólo números.");
f.campo_a_validar.focus();
return false;
 }

Ejemplo de como usarlo:

<html>
<head>
<script type="text/javascript">
<!--
//Validar que el campo de formulario contenga sólo números
function validacion(f)  {
if (isNaN(f.campo_a_validar.value)) {
alert("Error:\nEste campo debe tener sólo números.");
f.campo_a_validar.focus();
return (false);
 }
}
// -->
</script>
</head>
<body>
<form method="post" action="" onsubmit="return validacion(this)">
Escriba su teléfono: <input type="text" name="campo_a_validar" value=""><br>
<input type="submit" value="Enviar Número">
</form>
</body>
</html>

Saludos a todos y espero que el tutorial les sea de mucha utilidad.

Desde México, Dasumo.

Escrito en: Webmaster
11 comentariosDeja un comentario

Deja un comentario

 

     


Subir