Az e-mail címek validálása HTML5-vel

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:

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: