Hvað gæti verið auðveldara en að setja upp HTML form sem tekur upp netföng, segðu fyrir fréttabréf eða tilkynningar? Mistyping netfang í því formi, auðvitað, og þá hefur vafrinn þinn muna að rangt netfang fyrir öll innskráningarformin sem koma.
Ef þú vilt staðfesta netföng sem eru slegin inn í eyðublað þitt en forðast flókið hugsun og forskriftir leyfir HTML5 að treysta á vafrann - án áreynsla og án þess að kveikja á JavaScript.
Staðfesta netfang með HTML5
Til að hafa vafra notenda staðfestu netföng þegar þeir sláðu inn þær í HTML vefforminu þínu:
- Gakktu úr skugga um að þú notir HTML5.
- Þú getur gert það með því að nota.
- Tilgreindu innsláttarfang tölvupóstfangsins sem tegund "tölvupóst". (Sjá hér að neðan fyrir dæmi.)
Vafrar sem ekki þekkja tegund = "tölvupóst" ættu að (og eftir því sem hægt er að segja, allir vilja) meðhöndla innsláttarsvæðið eins og venjulegt tegund = "texta" reit.
HTML5 Email Address Validation Caveats
Athugaðu að staðfesting á HTML tölvupósti mun aðeins virka í vöfrum sem styðja HTML5 og staðfesta innsláttar formhluta. Fyrir aðra vafra og öryggisafrit geturðu samt sem áður staðfestu netföng með PHP , til dæmis.
Vafrar sem styðja við staðfestingu á HTML5 netfangi eru Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ og Opera 10+. Safari 5 og Google Chrome 6-8 samþykkja ekki ógilt netfang inntak en ólíkt öðrum vöfrum, mun það ekki hjálpa notandanum að leiðrétta villuna.
HTML5 Email Address Validation Dæmi
Til að taka þátt í vafra notenda til að sannreyna netföng með HTML5 skaltu nota eftirfarandi kóða, til dæmis: