Mi lehetne könnyebb, mint egy HTML-űrlap létrehozása, amely rögzíti az e-mail címeket, mondja hírlevélre vagy értesítésekre? Kíméletlenül e-mailben egy e-mail címet ebben a formában, majd a böngészője emlékezzen arra, hogy az összes feliratkozási űrlap helytelen címe.
Ha szeretné érvényesíteni az űrlapon megadott e-mail címeket, de elkerülni a bonyolult bütyköst és a szkripteket, a HTML5 segítségével böngészőre támaszkodhat - erőfeszítés nélkül, és a JavaScriptre való fordítás nélkül.
Érvényesítse az e-mail címeket HTML5-vel
Ahhoz, hogy a felhasználók böngészője érvényesítse az e-mail címeket a HTML webes formában történő bevitelkor:
- Győződjön meg róla, hogy HTML5-t használ.
- Adja meg az e-mail cím űrlap bemeneti elemét "e-mail" típusúként. (Lásd alább egy példát.)
Azok a böngészők, amelyek nem ismerik a type = "e-mail" -et (és amennyire csak tudják, mindent) kezelnek a beviteli mezőt, mint egy átlagos típusú = "szöveg" mezőt.
HTML5 e-mail cím hitelesítési figyelmeztetések
Ne feledje, hogy a HTML e-mail cím érvényesítés csak a HTML5-t támogató böngészőkben és az űrlapelem-bevitelt érvényesítve működik. Más böngészők és biztonsági mentések esetén e-mail címeket még mindig érvényesíthet a PHP használatával.
A HTML5 e-mail cím érvényesítését támogató böngészők közé tartozik a Safari 5+, a Google Chrome 6+, a Mozilla Firefox 4+ és az Opera 10+. A Safari 5 és a Google Chrome 6-8 nem fogad el érvénytelen e-mail címet, de a többi böngészőtől eltérően nem segít a felhasználónak a hiba kijavításában.
HTML5 e-mail cím validálási példa
Ahhoz, hogy a felhasználók böngészőit a HTML5-vel rendelkező e-mail címek érvényesítéséhez vegye igénybe, használja a következő kódot:
