Vad kan vara enklare än att skapa en HTML-blankett som fångar e-postadresser, säg för ett nyhetsbrev eller meddelanden? Mistyping en e-postadress i det formuläret, och sedan, din webbläsare kommer ihåg den felaktiga adressen för alla registreringsformulär som ska komma.
Om du vill validera e-postadresser som är inskrivna i din blankett men undviker komplicerad tinkering och skript, kan HTML5 du förlita dig på webbläsaren - utan ansträngning och utan att ändra på JavaScript.
Bekräfta e-postadresser med HTML5
För att få användarnas webbläsare att validera e-postadresser när de anger dem i HTML-webbformuläret:
- Se till att du använder HTML5.
- Ange inmatningselementet för e-postadressformat som typ "e-post". (Se nedan för ett exempel.)
Webbläsare som inte känner igen typ = "email" borde (och så långt man kan säga, alla vill) behandla inmatningsfältet som ett vanligt typ = "text" -fält.
HTML5 Email Address Validation Caveats
Observera att validering av HTML-e-postadresser endast fungerar i webbläsare som stöder HTML5 och validerar inmatning av formulärelement. För andra webbläsare och säkerhetskopiering kan du fortfarande validera e-postadresser med hjälp av PHP.
Webbläsare som stöder HTML5-e-postadressvalideringen inkluderar Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ och Opera 10+. Safari 5 och Google Chrome 6-8 accepterar inte ogiltig inmatning av e-postadresser, men kan inte, i motsats till andra webbläsare, hjälpa användaren att korrigera felet.
HTML5 Email Address Validation Exempel
För att engagera användarnas webbläsare för att validera e-postadresser med HTML5, använd följande kod, till exempel:
