|
Validaciones Javascript (II) |
|
Muchas veces he realizado formularios en php y siempre tenía la duda de si el usuario introduciría bien los datos del código postal, teléfono, etc. Mediante el código en javascript y html que voy a introducir a continuación, vereis que podreis comprobarlo antes de introducir los datos en la base de datos.
Vamos a describir el proceso por pasos: Se tiene que hacer una primera función en javascript para comprobar cada carácter del campo a validar. Lo que hace esta función es retornar "Error" si el campo no tiene los datos correctos, tal como "1c" o "124d". Retornará el contenido del campo si es correcto, es decir, por ejemplo "123456". La función se tiene que poner en una librería javascript (*.js) o en cualquier parte del código de la página entre las etiquetas "<script></script>":
function validarEntero(valor){ patron=/^[0-9.]*$/; if (isNaN(parseInt(valor))) { return "error" }else{ if (patron.test(valor)==0) { return "error"; }else{ return valor } } }
- Una segunda función en javascript servirá para, obteniendo el contenido del campo, llamar a la función anterior y retornar un mensaje en javascript si la función retorna error.
function validarFormularioEntero(nomp) { //extraemos el valor del campo var textoCampo; if (nomp=="cp") { textoCampo = window.document.f_tarea.cp.value textoCampo = validarEntero(textoCampo) if (textoCampo=="error") { window.alert("Los datos insertados no son correctos, por favor revise el campo CP") } } }
- Finalmente ponemos el código en HTML para crear el campo y llamamos a la función validarFormularioEmail()
<form name="f_tarea"> <input name="cp" type="text" onchange="validarFormularioEntero('cp');"> </form>
|