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.
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.
gracias
Muchas gracias paisano, fue muy util.
Saludos
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)
Y si quiero que permita los guiones tambien ademas de los números? asi por ej: 4343-3434
Men ponte mas de java scrip saves eres bueno me ayudaste con mi tarea ok cuydate
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
Es un excelente programa
esta muy bien, pero yo quiero que nada mas me permita introducir cinco digitos??? me podrias ayudar,,,,!!!
Hola Luis: en el INPUT del campo coloca lo siguiente: maxlenght="5"
como hacer para q el campo_a_validar sea variable? es decir que se le pueda pasar por parametro a la funcion?:S
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 🙂
Gracias me ha sido de gran utilidad para un script 😉