Kif Tivvalida l-Indirizzi Elettroniċi b'HTML5

X'jista 'jkun aktar faċli minn twaqqif ta' formola HTML li tiġbor l-indirizzi tal-email, jiġifieri għal newsletter jew notifiki? Mistyping indirizz elettroniku f'dik il-forma, ovvjament, u mbagħad ikollu l-browser tiegħek ftakar dak l-indirizz inkorrett għall-forom kollha tas-signup li ġejjin.

Jekk trid tivvalida l-indirizzi tal-email imdaħħla fil-formola tiegħek imma tevita t-tbagħbis u skripts ikkumplikati, HTML5 jippermettilek tistrieħ fuq il-browser - mingħajr sforz, u mingħajr ma taqleb għal JavaScript.

Ivvalida Indirizzi Elettroniċi b'HTML5

Li l-browsers ta 'l-utenti jivvalidaw l-indirizzi tal-posta elettronika billi dawn jidħlu fil-formola tal-web HTML tiegħek:

Browsers li ma jirrikonoxxux it-tip = "email" għandhom (u, safejn wieħed jista 'jgħidilhom, kollha se) jittrattaw il-field tad-dħul bħal qasam tat-tip tip = "test".

Validazzjoni ta 'l-Indirizz ta' Email HTML5

Innota li l-validazzjoni tal-indirizz tal-email tal-HTML taħdem biss fil-browsers li jappoġġaw l-HTML5 u jivvalidaw l-input tal-element tal-formola. Għal browsers u backup oħra, xorta tista ' tivvalida l-indirizzi tal-email billi tuża PHP , per eżempju.

Browsers li jappoġġjaw il-validazzjoni tal-indirizz HTML5 jinkludu Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ u Opera 10+. Safari 5 u Google Chrome 6-8 ma jaċċettawx input ta 'l-indirizz tal-invalidu iżda, b'differenza mill-browsers l-oħra, mhux se jgħinu lill-utent jikkoreġi l-iżball.

Eżempju ta 'Validazzjoni tal-Indirizz Elettroniku HTML5

Biex timpenja l-browsers tal-utenti biex jivvalidaw l-indirizzi tal-email b'HTML5, uża l-kodiċi li ġej, per eżempju: