Ce ar putea fi mai ușor decât configurarea unui formular HTML care captează adresele de e-mail, să spunem pentru un buletin informativ sau pentru notificări? Întâmpinând, desigur, o adresă de e-mail în acea formă, iar browserul dvs. trebuie să-și amintească adresa incorectă a tuturor formularelor de înscriere.
Dacă doriți să validați adresele de e-mail introduse în formular, dar evitați tinkering-ul complicat și scripturile, HTML5 vă permite să vă bazați pe browser - fără efort și fără a vă întoarce la JavaScript.
Validați adresele de e-mail cu HTML5
Pentru ca browserele utilizatorilor să valideze adresele de e-mail pe măsură ce le introduc în formularul web HTML:
- Asigurați-vă că utilizați HTML5.
- Puteți face asta folosind.
- Specificați elementul de introducere a formularului de adresă de e-mail ca tip "e-mail". (A se vedea mai jos pentru un exemplu.)
Navigatorii care nu recunosc tipul = "e-mail" ar trebui (și, în măsura în care se poate spune, toți vor) să trateze câmpul de intrare ca un câmp obișnuit tip = "text".
Adresa HTML5 a validării adresei de e-mail
Rețineți că validarea adresei de e-mail HTML va funcționa numai în browsere care acceptă cod HTML5 și validează introducerea elementului de formular. Pentru alte browsere și pentru backup, puteți valida în continuare adresele de e-mail utilizând PHP , de exemplu.
Browserele care acceptă validarea adresei de e-mail HTML5 includ Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ și Opera 10+. Safari 5 și Google Chrome 6-8 nu acceptă introducerea nevalidă a adresei de e-mail, însă, spre deosebire de celelalte browsere, nu va ajuta utilizatorul să corecteze eroarea.
Exemplu de validare a adresei de e-mail HTML5
Pentru a angaja browserele utilizatorilor pentru a valida adresele de e-mail cu HTML5, utilizați următorul cod, de exemplu: