Skip to main content

E-pasta adrešu validēšana ar HTML5

Anonim

Kas varētu būt vieglāk, nekā HTML veidlapas izveide, kurā ir ietvertas e-pasta adreses, piemēram, ziņu biļetenam vai paziņojumiem? Protams, e-pasta adrese ir ietverta šajā veidlapā un pēc tam jūsu pārlūkprogramma atceras, ka ir jānorāda nepareiza adrese visām pieteikšanās veidlapām.

Ja vēlaties apstiprināt e-pasta adreses, kas ievadītas jūsu veidlapā, bet izvairieties no sarežģītiem veidošanas un skriptiem, HTML5 ļauj jums paļauties uz pārlūku - bez piepūles un bez JavaScript darbības.

Apstiprināt e-pasta adreses, izmantojot HTML5

Lai lietotāju pārlūkprogrammas apstiprinātu e-pasta adreses, kad tās ievadīs jūsu HTML tīmekļa veidlapā:

  • Pārliecinieties, vai izmantojat HTML5.
  • Norādiet e-pasta adrešu formas ievades elementu kā e-pasta veidu. (Skatīt piemēru zemāk.)

Pārlūkprogrammām, kas neatpazīst veidu = "e-pasts" vajadzētu būt (un, cik vien var teikt, viss būs) apstrādā ievades lauku, piemēram, parasta tipa = "teksts" lauku.

HTML5 e-pasta adreses validācijas brīdinājumi

Ņemiet vērā, ka HTML e-pasta adreses apstiprināšana darbosies tikai pārlūkprogrammās, kas atbalsta HTML5, un validē formas elementu ievadi. Pārējām pārlūkprogrammām un dublējumkopijām varat apstiprināt e-pasta adreses, piemēram, izmantojot PHP.

Pārlūkprogrammas, kas atbalsta HTML5 e-pasta adreses validēšanu, ietver Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ un Opera 10+. Safari 5 un Google Chrome 6-8 nepieņem nederīgu e-pasta adreses ievadi, bet atšķirībā no citām pārlūkprogrammām nepalīdzēs lietotājam labot kļūdu.

HTML5 e-pasta adreses validācijas piemērs

Lai iesaistītu lietotāju pārlūkus, lai apstiprinātu e-pasta adreses, izmantojot HTML5, izmantojiet šādu kodu, piemēram: