Cosa potrebbe essere più semplice di un modulo HTML che cattura gli indirizzi email, ad esempio per una newsletter o notifiche? Mistyping di un indirizzo e-mail in tale forma, naturalmente, e quindi fare in modo che il browser ricordi quell'indirizzo errato per tutti i moduli di registrazione in arrivo.
Se desideri convalidare gli indirizzi email inseriti nel modulo, ma evita complicati ritocchi e script, HTML5 ti consente di fare affidamento sul browser, senza sforzo e senza ricorrere a JavaScript.
Convalida gli indirizzi email con HTML5
Per far sì che i browser degli utenti convalidino gli indirizzi email non appena vengono inseriti nel tuo modulo Web HTML:
- Assicurati di utilizzare HTML5.
- Specificare l'elemento di input del modulo di indirizzo email come tipo "email". (Vedi sotto per un esempio.)
I browser che non riconoscono type = "email" dovrebbero (e, per quanto ne sa, tutti) trattare il campo di input come un campo di tipo ordinario = "testo".
Avvertenze sulla convalida dell'indirizzo email HTML5
Tieni presente che la convalida dell'indirizzo email HTML funziona solo nei browser che supportano HTML5 e convalidano l'input dell'elemento del modulo. Per altri browser e backup, puoi comunque convalidare gli indirizzi email usando PHP, ad esempio.
I browser che supportano la convalida dell'indirizzo email HTML5 includono Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ e Opera 10+. Safari 5 e Google Chrome 6-8 non accetteranno l'immissione dell'indirizzo email non valido, ma, a differenza degli altri browser, non aiuterà l'utente a correggere l'errore.
Esempio di convalida dell'indirizzo email HTML5
Per coinvolgere i browser degli utenti per convalidare gli indirizzi email con HTML5, utilizzare il seguente codice, ad esempio:
