Co by mohlo být jednodušší než nastavení formuláře HTML, který zachytí e-mailové adresy, například pro zpravodaj nebo oznámení? Zmizete e-mailovou adresu v tomto formuláři samozřejmě a pak nechte váš prohlížeč pamatovat na nesprávnou adresu všech přihlášených formulářů.
Chcete-li ověřit e-mailové adresy zadané ve formuláři, ale vyhnout se komplikovanému drobkování a skriptům, HTML5 vám umožňuje spoléhat se na prohlížeč - bez námahy a bez použití JavaScriptu.
Ověřte e-mailové adresy pomocí HTML5
Chcete-li uživatelské prohlížeče ověřovat e-mailové adresy při jejich zadávání do webového formuláře HTML:
- Ujistěte se, že používáte HTML5.
- Zadejte vstupní prvek formuláře e-mailové adresy jako typ "e-mail". (Příklad naleznete níže.)
Prohlížeče, které nerozpoznávají typ = "e-mail" by (a pokud je to možné, všichni budou) považovat vstupní pole za pole obyčejného typu = "text".
HTML5 ověření e-mailové adresy
Všimněte si, že validace e-mailové adresy HTML bude fungovat pouze v prohlížečích, které podporují HTML5 a ověří vstupní element formuláře. Pro ostatní prohlížeče a zálohování můžete stále ověřovat e-mailové adresy pomocí PHP, například.
Prohlížeče podporující validaci e-mailové adresy HTML5 zahrnují Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ a Opera 10+. Safari 5 a Google Chrome 6-8 nebudou přijímat neplatnou e-mailovou adresu, ale na rozdíl od ostatních prohlížečů nepomůže uživateli opravit chybu.
Příklad ověření e-mailové adresy HTML5
Chcete-li zapojit prohlížeče uživatelů k ověření e-mailových adres pomocí kódu HTML5, použijte následující kód, například:
