Categorías
Webmaster

Validar que un campo sea numérico con JavaScript

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

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…

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.

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

Ejemplo de como usarlo:

[code]<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>[/code]

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

Desde México, Dasumo.

13 respuestas a «Validar que un campo sea numérico con JavaScript»

es mejor guardar el input en una variable declarada asi: var variable; luego comprobar si es numerica con un if de esta manera: if (variable>0)

si tengo varios campos que llenar, por ejm uno con numeros y otro con solo texto…como hago??? ademas que me señale con letras rojas el error.

Gracias

Hola,

Puedes agregar el atrivuto ID al campo y capturar su valor dentro de una función usando document.getElementById, ejemplo:

<input type="text" name="campo" id="campo" value="" />
<script type="text/javascript">
var ALGO = document.getElementById("campo").value
</script>

Te extrañamos Dasumo
vamos, regresa ya
Necesitamos tu pretección y apoyo, el foro era lo mejor que he conocido, muy humano, todos dispuestos a ayudar y muy activo
Se te quiere bien y se te extraña mucho
Cuidate 🙂

Deja una respuesta

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