Čo by mohlo byť jednoduchšie ako nastavenie formulára HTML, ktorý zachytáva e-mailové adresy, povedzme o bulletine alebo upozorneniach? Nesprávna e-mailová adresa v tejto podobe a samozrejme, že váš prehliadač si pamätá nesprávnu adresu všetkých prihlasovacích formulárov.
Ak chcete overiť e-mailové adresy zadané vo formulári, ale vyhnúť sa komplikovanému drobeniu a skriptom, HTML5 vám umožní spoľahnúť sa na prehliadač - bez námahy a bez toho, aby ste sa obrátili na JavaScript.
Overenie e-mailových adries pomocou kódu HTML5
Ak chcete, aby používatelia prehliadali e-mailové adresy pri ich zadávaní do webového formulára vo formáte HTML:
- Uistite sa, že používate HTML5.
- Môžete to urobiť pomocou.
- Zadajte prvok vstupu formulára e-mailovej adresy ako typ "e-mail". (Príklad nájdete nižšie.)
Prehliadače, ktoré nerozpoznávajú typ = "e-mail" by mali (a ak je to možné, všetci budú) považovať vstupné pole za pole obyčajného typu = "text".
Validácia upozornení HTML5
Upozorňujeme, že validácia e-mailovej adresy HTML bude fungovať iba v prehliadačoch, ktoré podporujú formát HTML5 a overujú vstupný prvok formulára. Pre ostatné prehliadače a zálohovanie môžete stále overovať e-mailové adresy pomocou PHP .
Prehliadače, ktoré podporujú overenie e-mailovej adresy HTML5, zahŕňajú Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ a Opera 10+. Safari 5 a Google Chrome 6-8 nebudú akceptovať neplatné zadanie e-mailovej adresy, ale na rozdiel od ostatných prehliadačov nepomôže používateľovi opraviť chybu.
HTML5 Príklad validácie e-mailovej adresy
Ak chcete zapojiť prehliadače používateľov na overenie e-mailových adries pomocou kódu HTML5, použite nasledujúci kód, napríklad: