Kako provjeriti e-mail adrese s HTML5

Šta bi bilo lakše od postavljanja HTML formulara koji bi uhvatio adrese e-pošte, recimo za bilten ili obaveštenja? Mistipiranje e-mail adrese u tom obliku, naravno, a zatim se vaš pretraživač zapamti da je netačna adresa za sve prijavljene forme.

Ako želite da potvrdite e-mail adrese upisane u vaš obrazac, ali izbjegavate komplikovane tinkering i skripte, HTML5 vam omogućava da se oslonite na pretraživač - bez napora i bez prelaska na JavaScript.

Potvrdite e-adrese sa HTML5

Da korisnici pregledači potvrdjuju e-poštu pošto ih unose u HTML web oblik:

Pretraživači koji ne prepoznaju tip = "email" treba (i, koliko se može reći, svi će) tretirati polje za unos kao obično polje tipa "text".

HTML5 Email Validation Prepreke

Imajte na umu da validacija HTML e-pošte će raditi samo u pretraživačima koji podržavaju HTML5 i validiraju ulazni element formi. Za druge pregledače i rezervne kopije, još uvijek možete validirati e-mail adrese koristeći PHP , na primjer.

Browseri koji podržavaju validaciju HTML5 e-pošte uključuju Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ i Opera 10+. Safari 5 i Google Chrome 6-8 neće prihvatiti nevažeći unos e-pošte, ali za razliku od drugih pretraživača neće pomoći korisniku da ispravi grešku.

Primjer HTML5 e-pošte. Validacija

Da biste uključili pregledače korisnika kako biste validirali adrese e-pošte pomoću HTML5, koristite sledeći kod: