En este art\u00edculo vamos a ver como validar o checkear lo que se escribe en un campo de texto el cual lo queremos destinar para alg\u00fan n\u00famero como puede ser el c\u00f3digo postal o el tel\u00e9fono.<\/p>\n
En el ejemplo que vamos a ilustrar tendremos un campo de texto para introducir un n\u00famero telef\u00f3nico de 9 d\u00edgitos (solo n\u00fameros).<\/p>\n
En el <body> de nuestra p\u00e1gina tendremos un formulario como el siguiente:<\/p>\n
<form method=\"post\" action=\"index.php\">\r\n\u00a0\u00a0 \u00a0<label>Tel\u00e9fono: <\/label>\r\n\u00a0\u00a0 \u00a0<input type=\"text\" name=\"phone\" id=\"phone\" \/>\r\n\u00a0\u00a0\u00a0 <input type=\"submit\" name=\"send\" id=\"send\" value=\"Enviar\" \/>\r\n<\/form><\/pre>\nTenemos un campo de texto para introducir un tel\u00e9fono y el bot\u00f3n de env\u00edo. El click del bot\u00f3n lo vamos a controlar con jQuery de la siguiente forma:<\/p>\n
<script type=\"text\/javascript\" src=\"..\/jquery.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n$(document).ready(function(){\r\n\u00a0\u00a0 \u00a0$('#send').click(function() {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($('#phone').val().length != 9 || isNaN($('#phone').val())) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$('#phone').css('border-color','#FF0000');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0alert('El n\u00famero de tel\u00e9fono debe tener al menos 9 n\u00fameros.');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0return false;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0else {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0alert('OK');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0});\r\n});\r\n<\/script><\/pre>\nEl documento est\u00e1 esperando a que sea pulsado el bot\u00f3n del formulario para controlar que precisamente la longitud de lo que se haya escrito en el campo de tel\u00e9fono sea de 9 d\u00edgitos y que sean solo n\u00fameros. 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.<\/p>\n