Correo electrónico

LIBP-0197 (Libro de pautas)

Pautas

TítuloCarácter
Componente para el campo correo electrónicoObligatoria
Validar dirección de correo electrónicoObligatoria

Componente para el campo correo electrónico

Utilizar un campo de tipo "input type='text'" que permita un tamaño máximo de 256 caracteres para la introducción del correo electrónico.

Para solicitar el correo electrónico debe utilizarse un campo de tipo "text" que permita introducir hasta 256 caracteres.

Ejemplo:

<label for="idEmail">Correo electrónico: </label>
<input type="text" id="idEmail" name="correoElectrónico" maxlength="256" />

 

HTML5

En la nueva versión de HTML se ha desarrollado un tipo específico del componente "input" orientado a la introducción del correo electrónico:

<input type="email" id="idEmail" name="correoElectrónico"  />

El componente realiza una validación para comprobar que el texto introducido se corresponde con una dirección de correo electrónico válida.

Además de los atributos globales, se han incorporado los siguientes:

  • Pattern: obliga a que el valor introducido en el campo cumpla con el patrón introducido.
  • Formaction, formenctype, formmethod, formnovalidate y formtarget: atributos que modifican la acción, el método de envío, la validación y el destino de un formulario respectivamente cuando se introduce algún valor en el campo.
  • Data-*, donde el asterisco puede ser cualquier nombre:  permite la creación de atributos personalizados, que posteriormente se pueden obtener con Javascript
  • Spellcheck: indicará que el valor introducido en el componente debe pasar el corrector ortográfico.
  • Form: contendrá el nombre del formulario al que pertenezca el elemento. De esta forma se puede colocar un componente en cualquier parte de una página.
  • Multiple: le da la capacidad de almacenar una lista de direcciones de correo electrónico separadas por comas (",").

Validar dirección de correo electrónico

Validar la dirección de correo electrónico.

Una dirección de correo electrónico válida debe cumplir las siguientes condiciones:

  • Contener "@"
  • La longitud de la parte local (antes del símbolo "@") debe estar comprendida entre 1 y 64 caracteres.
  • La longitud de la parte de dominio (después del símbolo "@") debe estar comprendida entre 4 y 255 caracteres.
  • La longitud total debe ser menor o igual a 256 caracteres.
  • La parte local y la parte de dominio deben comenzar por una letra o dígito y no deben contener dos símbolos "." consecutivos
  • La parte local y la parte de dominio pueden contener letras, números y los caracteres ".", "_" y "-".
  • La parte del dominio debe terminar con un símbolo "." y entre dos y cuatro caracteres alfabéticos.
  • El chequeo de registros DNS con la parte del dominio debe ser de tipo "A" o "MX".