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 );

¡Fácil y sencillo!

Y si queréis ampliar conocimientos, os recomiendo El gran libro de HTML5, CSS3 y JavaScript 3ª Edición y me comentéis qué tal.

Nada más, ¡a seguir programando!


Ismael Gutiérrez

Ingeniero Informático. Explotando mis capacidades personales y profesionales. Comprometido con la calidad. #RegulaciónYa #IngenieríaInformática

1 comentario

Validar un email con Javascript de forma rápida y sencilla · 3 septiembre, 2018 a las 17:38

[…] Validar un email con Javascript de forma rápida y sencillaPara los que desarrollamos aplicaciones web, muchas veces se requiere …63.606 vistas | publicado el 26/01/2013 […]

Deja un comentario