Validar que un campo sea numérico con JavaScript

Validar números en Javascript.

Javascript
Tutoriales Javascript

En este Tutorial de Javascript voy a explicar cómo validar que un campo de formulario contenga únicamente números.

Imaginemos que uno de los campos en nuestro formulario pide un número de teléfono, edad, código postal, o cualquier otro campo que se supone debe contener sólo números… la solución para evitar que envíen datos incorrectos, es validar con Javascript que los datos de ese campo sean números…

La validación es tan sencilla que no es necesario crear una función o el uso de expresiones regulares, bastará con esto:
Nota: Reemplaza campo_a_validar por el nombre del campo que será validado.

if(isNaN(f.campo_a_validar.value)) {
alert("Error:\nEste campo debe contener solo numeros.");
f.campo_a_validar.focus();
return false;
}

Ejemplo de uso:

<html>
<head>
<script>
function validacion(f) {
if(isNaN(f.campo_a_validar.value)) {
alert("Error:\nEste campo debe contener solo numeros.");
f.campo_a_validar.focus();
return false;
}
}
</script>
</head>
<body>
<form method="post" action="" onsubmit="return validacion(this)">
Escriba su edad: <input type="text" name="campo_a_validar" value=""><br>
<input type="submit" value="Validar Edad">
</form>
</body>
</html>

Espero que el tutorial sea de utilidad, si tienes dudas o sugerencias, deja una respuesta en la caja de comentarios y con gusto intentaré ayudar.

Desde México, DaxMX.

Nota: Tutorial actualizado del original publicado en dasumo.com en Diciembre de 2010.

15 comentarios

Añadir respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *