edgar.dueñas
Enviado por edgar.dueñas el Mié, 11/05/2016 - 11:20

Validar un email con Javascript. Para los que desarrollamos aplicaciones web, muchas veces se requiere el correo electrónico de un usuario para poder realizar gestiones relativas a nuestra aplicación como puedan ser, dar de alta al usuario, enviar una noticia, una newsletter de nuestros productos, etc.

Es por ello, que el email se convierte en un dato sustancialmente importante y es por ello que no debería contener errores a la hora de introducirse en nuestra base de datos. Para ello debemos validar el email.

Esta comprobación podemos realizarla en la máquina cliente y así evitar cargar el servidor con este proceso, y para ello nos ayudaremos de Javascript.

Javascript dispone de la potente función test(), a la cual se le pasa una expresión regular que ésta procesará, siendo esta expresión regular la siguiente:

/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})+$/


Para la implementación de esta comprobación, crearemos una función específica llamada validarEmail( email ), quedando como resultado el siguiente código fuente:

function validarEmail( email ) {
    expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if ( !expr.test(email) )
        alert("Error: La dirección de correo " + email + " es incorrecta.");
}


Por último, sólo queda utilizar la función en nuestro código para la validación:


var email = 'me@example.com';
validarEmail( email );