Wat is er eenvoudiger dan een HTML-formulier instellen dat e-mailadressen vangt, bijvoorbeeld voor een nieuwsbrief of meldingen? Een e-mailadres verkeerd typen in die vorm, en dan uw browser laten herinneren aan dat onjuiste adres voor alle aanmeldingsformulieren die nog moeten komen.
Als u e-mailadressen die in uw formulier zijn ingevoerd wilt valideren, maar ingewikkelde sleutelen en scripts wilt vermijden, kunt u met HTML5 vertrouwen op de browser - zonder moeite en zonder JavaScript te gebruiken.
E-mailadressen valideren met HTML5
Om browsers van gebruikers te laten valideren, e-mailadressen die ze invoeren in uw HTML-webformulier:
- Zorg ervoor dat u HTML5 gebruikt.
- Geef het invoerelement voor het e-mailadres op als type "e-mail". (Zie hieronder voor een voorbeeld.)
Browsers die type = "e-mail" niet herkennen, zouden (en, voor zover men kan zeggen, alle wil) het invoerveld behandelen als een gewoon type = "tekst" -veld.
Validatiecodes voor HTML5-e-mailadressen
Houd er rekening mee dat HTML-validatie van e-mailadressen alleen werkt in browsers die HTML5 ondersteunen en invoer van formulierelementen valideren. Voor andere browsers en back-up kunt u e-mailadressen met behulp van PHP nog steeds valideren, bijvoorbeeld.
Browsers die HTML5-e-mailadres validatie ondersteunen, zijn Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ en Opera 10+. Safari 5 en Google Chrome 6-8 accepteren geen ongeldige e-mailadresinvoer, maar zullen, in tegenstelling tot de andere browsers, de gebruiker niet helpen de fout te corrigeren.
Voorbeeld HTML5-e-mailadres validatie
Gebruik de volgende code om browsers van gebruikers in te schakelen om e-mailadressen met HTML5 te valideren, bijvoorbeeld:
