Artículos
Javascript

Validar el email con JavaScript

09/Ene/2009

Muchas aplicaciones pueden precisar de una validación de email, es decir, validar si lo que está introduciendo el usuario es realmente un email. Esta comprobación es susceptible de hacerse en la máquina cliente, evitando así cargar al servidor con la respectiva comprobación y la consiguiente llamada desde la página web.

Nosotros nos valdremos de JavaScript para validar si la cadena introducida por el usuario es un email. Y al trabajar con validaciones con cadenas nos valdremos de las expresiones regulares.

Toda la implementación del ejercicio estará en montar la expresión regular. Para ello debemos de tener en cuenta varias cosas.

En primer lugar, la expresión regular delimita su inicio con /^ y su fin con $/. Por lo que una expresión regular tendría la forma:

/^ expr regular $/

El email se compone de tres partes:

nombre usuario + @ + servidor + dominio

Veamos que consideraciones debemos de tener con cada una de esas partes.

Nombre y servidor

  • Debe de empezar por letra o número. Al menos tiene una letra o número. La letra o número se expresa mediante el carácter \\w. Para asegurarnos de que la letra o número aparezca al menos una vez utilizaremos el modificador +.
  • Puede contener puntos y guiones además de las letras y números. Esta combinación podrá aparecer, y es por ello que utilizaremos el modificador * (cero o varias veces). Insertaremos toda la combinación entre paréntesis.

Su expresión regular, para ambos casos, será la siguiente:

\\w+([\\.-]?\\w+)*

Dominio

  • Irá al final, detrás de un punto. Podrá tener dos (.es, .fr, .it,…) o tres letras (.com, .net, .org,..) o cuatro (.mobi, info,…). Si queremos indicar un número concreto de caracteres lo expresamos con el número entre los operadores { y }
  • Además podemos tener varios dominios seguidos (.com.ar, .com.uk,…), es por ello que deberemos de usar el modificador +. Ya que el dominio podrá aparecer varias veces.

Su expresión regular será como sigue:

(\\.\\w{2,3,4})+

La expresión regular final para validar el email con JavaScript sería:

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

Para la implementación de validar el email con JavaScript vamos a crear un formulario, el cual llamará a la función validarEmail. Esta función será la que ejecute la expresión regular.

function validarEmail(email){...}

La expresión regular la ejecutaremos mediante el método test del objeto RegExp. El objeto RegExp, como su nombre bien indica, representa las expresiones regulares.

function validarEmail(valor) {
  if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3,4})+$/.test(valor)){
   alert("La dirección de email " + valor + " es correcta.");
  } else {
   alert("La dirección de email es incorrecta.");
  }
}

Actualizado 20.junio.09

No se había contemplado la gestión de dominios de 4 letras como .mobi o .info.

Código Fuente

Descárgate el código fuente de Validar el email con JavaScript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Validar el email con JavaScript

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
67 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios