¿Que podería ser máis sinxelo que configurar un formulario HTML que capture enderezos de correo electrónico, digamos por un boletín ou notificacións? Escribe un enderezo de correo electrónico dese formulario, por suposto, e despois faga que o teu navegador teña en conta que o enderezo incorrecto para todos os formularios de inscrición.
Se desexa validar os enderezos de correo electrónico que inseriu no seu formulario, pero evita complicaciones e scripts, HTML5 permítelle contar co navegador sen esforzo e sen voltar a JavaScript.
Valide enderezos de correo electrónico con HTML5
Para que os navegadores dos usuarios validen enderezos de correo electrónico cando insírenos no seu formulario web HTML:
- Asegúrese de usar HTML5.
- Podes facelo usando.
- Especifique o elemento de entrada do formulario de enderezo de correo electrónico como tipo de "correo electrónico". (Vexa a continuación un exemplo).
Os navegadores que non recoñecen o tipo de "correo electrónico" deben (e, na medida en que un pode dicir, todos) tratará o campo de entrada como un campo tipo = "text" normal.
Validación de enderezos de correo electrónico HTML5
Teña en conta que a validación de enderezos de correo electrónico HTML só funcionará nos navegadores que admiten HTML5 e validará a entrada do elemento de formulario. Para outros navegadores e copias de seguridade, aínda pode validar enderezos de correo electrónico usando PHP , por exemplo.
Os navegadores que soportan a validación de enderezos de correo electrónico HTML5 inclúen Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ e Opera 10+. Safari 5 e Google Chrome 6-8 non aceptarán entrada de enderezo de correo electrónico non válida pero, a diferenza dos outros navegadores, non axudará ao usuario a corrixir o erro.
Exemplo de validación de enderezo de correo electrónico HTML5
Para involucrar os navegadores dos usuarios para validar enderezos de correo electrónico con HTML5, use o seguinte código, por exemplo: