Cómo validar direcciones de correo electrónico instantáneamente con HTML5

Cómo validar direcciones de correo electrónico instantáneamente con HTML5

Cómo validar direcciones de correo electrónico instantáneamente con HTML5

VALORACIÓN DEL ARTÍCULO:
5/5


¿Qué podría ser más fácil que crear un formulario HTML que capture direcciones de correo electrónico, por ejemplo, para un boletín de noticias o notificaciones? Escribir mal una dirección de correo electrónico en ese formulario, por supuesto, y luego hacer que su navegador recuerde esa dirección incorrecta para todos los formularios de registro que vendrán.

Si desea validar las direcciones de correo electrónico introducidas en su formulario, pero evita los complicados retoques y scripts, HTML5 le permite confiar en el navegador, sin esfuerzo y sin necesidad de recurrir a JavaScript.

Validar direcciones de correo electrónico con HTML5

Para que los navegadores de los usuarios validen las direcciones de correo electrónico a medida que las introducen en su formulario web HTML:

  • Asegúrese de utilizar HTML5.
  • Especifique el elemento de entrada del formulario de dirección de correo electrónico como tipo «email». (Ver abajo para un ejemplo.)

Los navegadores que no reconocen type=»email» deberían (y, hasta donde se sabe, todos lo harán) tratar el campo de entrada como un campo normal type=»text».

Advertencias de validación de direcciones de correo electrónico HTML5

Tenga en cuenta que la validación de la dirección de correo electrónico HTML sólo funcionará en los navegadores que admiten HTML5 y validan la entrada de elementos de formulario. Para otros navegadores y copias de seguridad, todavía puede validar las direcciones de correo electrónico utilizando PHP, por ejemplo.

Los navegadores compatibles con la validación de direcciones de correo electrónico HTML5 incluyen Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ y Opera 10+. Safari 5 y Google Chrome 6-8 no aceptarán la introducción de direcciones de correo electrónico no válidas pero, a diferencia de otros navegadores, no ayudarán al usuario a corregir el error.

Ejemplo de validación de dirección de correo electrónico HTML5

Para que los navegadores de los usuarios validen las direcciones de correo electrónico con HTML5, utilice el siguiente código, por ejemplo:

TAMBIÉN TE INTERESA

Instagram-Creator-Marketplace

España, a la espera del Instagram Creator Marketplace

Instagram es una de las redes sociales de mayor impacto en la población española. Desde su irrupción, la figura del influencer ha crecido enormemente en el mundo del marketing y las marcas. La herramienta Instagram Creator Marketplace puede seguir fortaleciendo a estos prescriptores, visto el potencial que empieza a tener este servicio en Estados Unidos.

avatares-Roblox

Vámonos de shopping en Roblox: Mango inaugura su primera tienda

En dinámico mundo de los juegos online, Roblox (con más de 70 millones de usuarios activos diarios) se ha destacado como una plataforma que ofrece a los participantes una experiencia única y diversa. Una de las características más populares de Roblox es su sistema de personalización de avatares, que permite a los jugadores expresar su

Snapdragon-8-Gen-3

Snapdragon 8 Gen 3, el chip de Qualcomm que empujará la IA en los móviles

La IA ha llegado al universo de los smartphones. Los últimos lanzamientos ya se anuncian con la inteligencia como protagonista. De igual manera, las grandes actualizaciones de software vienen marcada por la presencia de nuevas funciones movidas bajo los parámetros de la inteligencia artificial generativa. Al margen de los desarrollos a nivel de software, es

Ecowatch-1-de-Maxcom

Con el Ecowatch 1 no tendrás excusas para pasarte a un reloj inteligente

Sabemos que es muy difícil convencer a un perfil de personas que reniegan de un smartwatch a comprarse un reloj inteligente y quitarse el de toda la vida. No obstante, vamos a intentarlo con el Ecowatch 1 de Maxcom.  Es tarea complicada porque el gusto por los relojes suele estar muy definido en ciertas personas.

simulador-de-bodas

¿Te casas? La IA y DeWeed pueden ayudarte en la planificación de tu boda

La planificación de una boda es un proceso emocionante pero a menudo abrumador. Desde la selección del lugar perfecto hasta la elección del vestido ideal, hay innumerables decisiones que tomar para que todo salga según lo planeado en el gran día. Tradicionalmente, esta tarea ha supuesto muchos quebraderos de cabeza para los novios. Una vez