Wéi validéieren E-Mailadressen mat HTML5

Wat kéint méi einfach sinn wéi eng HTML-Formulatioun déi E-Mail Adressen fënnt, fir en Newsletter oder Notifikatiounen? Mistypéiert eng E-Mail-Adress an dësem Formulaire, selbstverständlech, an dann hutt Äre Browser d'Erënnerung datt dës falsch Iddi fir all d'Formulairen ze kommen.

Wann Dir E-Mailadressen validéiert hutt, déi an Äere Formular agefouert ginn, awer vermeiden komplizéiere blécke a Skripte vermëttelen, HTML5 kënnt Dir op den Browser verléieren - ouni Effort, a ouni JavaScript ze bréngen.

E-Mailadressen mat HTML5 validéieren

Fir Browser Benotzer validéieren E-Mail Adressen, wann se se an Äerem HTML-Formular benotzen:

Browsers déi net erkennen Typ = "E-Mail" misst (an, sou wäit wéi een sëcher kann soen, all dat) den Input Field wéi e gewéinleche Typ = "text" Feld.

HTML5 Email Adress Validatioun Caveats

Bedenkt datt HTML-Validatiounsvaluatioun a Browserbuerge funktionnéiert, déi HTML5 ënnerstëtzen a validéiert de Formel-Input. Fir aner Browsereuren a Backup kënnt Dir och E-Mail Adressen benotze fir PHP ze benotzen , zum Beispill.

Browser, déi HTML5-Adress Adress validéieren, gehéieren Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ an Opera 10+. Safari 5 a Google Chrome 6-8 wäerten net invalid E-Mailadresse akzeptéieren, mee, am Géigesaz zu den anere Browser, hëlleft dem Benotzer net de Fehler.

HTML5 Email Adress Validatioun Beispill

Fir Bréiwer vum Benotzer ze engagéieren, E-Mailadressen mat HTML5 ze validéieren, benotzt de folgenden Code, zum Beispill: