Què podria ser més fàcil que configurar un formulari HTML que capturi adreces de correu electrònic, per exemple, per a un butlletí o notificacions? Escrivint una adreça de correu electrònic d'aquesta forma, per descomptat, i després que el vostre navegador recordi una adreça incorrecta per a tots els formularis d'inscripció que vindran.
Si voleu validar les adreces de correu electrònic que heu introduït al vostre formulari però evitar complicacions i scripts, HTML5 us permet confiar en el navegador sense esforç i sense convertir JavaScript.
Valideu adreces de correu electrònic amb HTML5
Perquè els navegadors dels usuaris validin les adreces de correu electrònic quan les introdueixin al formulari web HTML:
- Assegureu-vos que feu servir HTML5.
- Especifiqueu l'element d'entrada del formulari d'adreça de correu electrònic com a tipus "correu electrònic". (Vegeu a continuació un exemple).
Els navegadors que no reconeixin tipus = "correu electrònic" haurien de (i, tant com es pugui dir, tractar el camp d'entrada com un camp normal de tipus = "text".
Validació d'adreces d'adreça electrònica HTML5
Tingueu en compte que la validació de l'adreça de correu electrònic HTML només funcionarà en els navegadors que admeten HTML5 i validen l'entrada de l'element de formulari. Per a altres navegadors i còpies de seguretat, podeu validar adreces de correu electrònic utilitzant PHP, per exemple.
Els navegadors que admeten la validació de l'adreça HTML5 inclouen Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ i Opera 10+. Safari 5 i Google Chrome 6-8 no acceptaran entrada d'adreça de correu electrònic no vàlida, però, a diferència dels altres navegadors, no ajudarà a l'usuari a corregir l'error.
Exemple de validació d'adreça de correu electrònic HTML5
Per implicar els navegadors dels usuaris per validar adreces de correu electrònic amb HTML5, utilitzeu el següent codi, per exemple:
