Mikä voisi olla helpompaa kuin muodostaa HTML-lomake, joka tallentaa sähköpostiosoitteet, esimerkiksi uutiskirjeen tai ilmoitusten perusteella? Tietenkin väärin sähköpostiosoitteesi tässä muodossa, ja selaimesi sitten muistaa, että kaikki ilmoittautumislomakkeet ovat virheellisiä.
Jos haluat tarkistaa lomakkeeseesi syötetyt sähköpostiosoitteet, mutta välttävät monimutkaisia tinkeringiä ja skriptejä, HTML5: ssä voit luottaa selainta - vaivattomasti ja ilman JavaScriptin kääntämistä.
Vahvista sähköpostiosoitteet HTML5: llä
Jotta käyttäjät selaimet vahvistavat sähköpostiosoitteet, kun ne syötetään HTML-lomakkeeseen:
- Varmista, että käytät HTML5: tä.
- Voit tehdä sen käyttämällä.
- Määritä sähköpostiosoitemuodon syöttöelementti tyypiksi "sähköposti". (Katso alla esimerkki.)
Selaimet, jotka eivät tunnista type = "email" (ja, niin pitkälle kuin joku voi sanoa, kaikki), käsittelee syöttökenttää tavallisen tyyppi = "teksti" -kenttään.
HTML5-sähköpostiosoitteen vahvistusvaroitukset
Huomaa, että HTML-sähköpostiosoitteen validointi toimii vain selaimissa, jotka tukevat HTML5: ää ja vahvistavat lomakekohtaisen syötteen. Muissa selaimissa ja varmuuskopiossa voit edelleen vahvistaa sähköpostiosoitteet esimerkiksi PHP : n avulla.
Selain, joka tukee HTML5-sähköpostiosoitteen validointia, ovat Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ ja Opera 10+. Safari 5 ja Google Chrome 6-8 eivät hyväksy virheellistä sähköpostiosoitetta, mutta muuten kuin muut selaimet eivät auta käyttäjää korjaamaan virheen.
HTML5-sähköpostiosoitteen validointiesimerkki
Jos haluat ottaa käyttäjien selaimet vahvistamaan HTML5-osoitteita, käytä seuraavaa koodia: