Što bi bilo lakše nego postaviti HTML obrazac koji bilježi adrese e-pošte, recimo za newsletter ili obavijesti? Naravno, unesite adresu e-pošte u tom obrascu, a zatim se vaš preglednik sjeća neispravne adrese za sve obrasce za prijavu.
Ako želite provjeriti e-adrese unesene u svoj obrazac, ali izbjegavajte složene poteškoće i skripte, HTML5 vam omogućuje da se oslonite na preglednik - bez napora i bez okretanja JavaScriptu.
Potvrdite adrese e-pošte s HTML5
Da korisnici preglednika potvruju adrese e-pošte dok ih unesu u vaš HTML web obrazac:
- Svakako koristite HTML5.
- To možete učiniti pomoću.
- Navedite element unosa obrasca e-pošte kao vrstu "e-pošta". (Pogledajte primjer u nastavku).
Preglednici koji ne prepoznaju tip = "e-pošta" trebaju (i, koliko se može reći, svi će) tretirati polje za unos kao obični tip = "tekst" polje.
Potvrde o provjeri valjanosti adrese e-pošte HTML5
Imajte na umu da će validacija HTML adrese e-pošte funkcionirati samo u preglednicima koji podržavaju HTML5 i potvrđuju unos elementa obrazaca. Za ostale preglednike i sigurnosnu kopiju, još uvijek možete provjeriti e-adrese pomoću PHP , na primjer.
Preglednici koji podržavaju provjeru HTML5 adrese e-pošte uključuju Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ i Opera 10+. Safari 5 i Google Chrome 6-8 neće prihvatiti unos nevažeće adrese e-pošte, ali, za razliku od ostalih preglednika, korisnici neće pomoći u ispravljanju pogreške.
Primjer HTML-a za validaciju adrese e-pošte
Da bi korisnike preglednika potaknuli da potvruju adrese e-pošte s HTML5, upotrijebite sljedeći kod, na primjer: