Hvad kunne det være lettere end at oprette en HTML-formular, der fanger e-mail-adresser, sig for et nyhedsbrev eller underretninger? Mistyping en e-mail-adresse i den form, selvfølgelig, og så skal din browser huske den forkerte adresse for alle tilmeldingsskemaerne, der skal komme.
Hvis du vil validere e-mail-adresser, der er indtastet i din formular, men undgå kompliceret tinkering og scripts, giver HTML5 dig mulighed for at stole på browseren - uden indsats og uden at vende sig til JavaScript.
Validér e-mailadresser med HTML5
For at få brugernes browsere til at validere e-mail-adresser, når de indtaster dem i din HTML-webformular:
- Sørg for at bruge HTML5.
- Angiv indtastningselementet til e-mail-adresseformularen som type "email". (Se nedenfor for et eksempel.)
Browsere, der ikke genkender type = "email" skal (og så vidt man kan fortælle, alle vil) behandle inputfeltet som et almindeligt type = "tekst" -felt.
HTML5 Email Address Validation Caveats
Bemærk, at validering af HTML-e-mail-adresser kun virker i browsere, der understøtter HTML5 og validerer formelementindgang. For andre browsere og backup kan du stadig validere e-mailadresser ved hjælp af PHP.
Browsere, der understøtter validering af HTML5-e-mail-adresser, omfatter Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ og Opera 10+. Safari 5 og Google Chrome 6-8 accepterer ikke ugyldig e-mail-adresseindgang, men vil i modsætning til de andre browsere ikke hjælpe brugeren med at rette fejlen.
HTML5 Email Address Validation Eksempel
Hvis du vil involvere brugeres browsere til at validere e-mailadresser med HTML5, skal du bruge følgende kode, for eksempel:
