|
Validaciones Javascript (I) |
|
Muchas veces he realizado formularios en php y siempre tenía la duda de si el usuario introduciría bien los datos del email. 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 email. Lo que hace esta función es retornar "Error" si el campo no tiene los datos correctos, tal como "pep@" o "pepaguilar". Retornará el contenido del campo si es correcto, es decir, por ejemplo "
Esta dirección de correo electrónico está protegida contra los robots de spam, necesita tener Javascript activado para poder verla
". 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 validarEmail(valor) { patron=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 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 validarFormularioEmail(nomp) { //extraemos el valor del campo var textoCampo; if (nomp=="email") { textoCampo = window.document.f_tarea.email.value textoCampo = validarEmail(textoCampo) if (textoCampo=="error") { window.alert("Los datos insertados no son correctos, por favor revise el campo EMAIL") } } }
- Finalmente ponemos el código en HTML para crear el campo y llamamos a la función validarFormularioEmail()
<form name="f_tarea"> <input name="email" type="text" onchange="validarFormularioEmail('email');"> </form>
|