Validar número con jQuery y la función isNaN
En este artículo vamos a ver como validar o checkear lo que se escribe en un campo de texto el cual lo queremos destinar para algún número como puede ser el código postal o el teléfono.
En el ejemplo que vamos a ilustrar tendremos un campo de texto para introducir un número telefónico de 9 dígitos (solo números).
En el <body> de nuestra página tendremos un formulario como el siguiente:
<form method="post" action="index.php"> <label>Teléfono: </label> <input type="text" name="phone" id="phone" /> <input type="submit" name="send" id="send" value="Enviar" /> </form>
Tenemos un campo de texto para introducir un teléfono y el botón de envío. El click del botón lo vamos a controlar con jQuery de la siguiente forma:
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#send').click(function() {
if ($('#phone').val().length != 9 || isNaN($('#phone').val())) {
$('#phone').css('border-color','#FF0000');
alert('El número de teléfono debe tener al menos 9 números.');
return false;
}
else {
alert('OK');
}
});
});
</script>
El documento está esperando a que sea pulsado el botón del formulario para controlar que precisamente la longitud de lo que se haya escrito en el campo de teléfono sea de 9 dígitos y que sean solo números. Si no se cumple una de estas condiciones mostraremos una alerta de que los datos no son correctos y en caso contrario OK y se realiza el submit del formulario.
Autor
Te ha servido? Valora esta entrada!
Comparte en las redes sociales
¿Buscas trabajo de programador?
esta bien el problema, pero lo quiero copear y cuando le doy a enviar me sale error
Hola,
Para poder ayudarte tendremos que ver tu código y la url donde está corriendo.
Saludos