Npr. preverjanje elektronske pošte z JavaScriptom (regex)

Velikokrat se srečamo s potrebo po potrditvi, ali je e-poštni naslov vnesen v določeno polje našega obrazca. veljaven email. V tem članku se bomo naučili, kako potrditi e-pošto z uporabo regularnih izrazov (znanih tudi kot regex) v JavaScriptu.

Kaj je regularni izraz (regex)?

Regularni izraz je zaporedje znakov, ki določa iskalni vzorec. V tem primeru želimo najti vzorec, ki predstavlja veljaven e-poštni naslov.

Regularni izrazi so zmogljivo in prilagodljivo orodje za delo z besedilnimi nizi in preverjanje vhodnih podatkov.

Preverjanje e-pošte z regularnim izrazom

Za potrditev, da je e-poštno sporočilo veljavno, moramo preveriti, ali je oblika pravilna, to je, da vključuje @ in domeno. Za to uporabimo naslednji izraz:

var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;

Primer celotnega obrazca

V naslednjem primeru prikazujemo, kako potrditi e-poštni naslov z uporabo JavaScripta in regularnega izraza. Sledimo korakom:

1. Definiramo funkcijo, imenovano validateMail ki kot argument vzame e-poštno sporočilo za potrditev.
2. Ustvarimo spremenljivko regex Vsebuje regularni izraz za potrditev e-pošte.
3. Uporabljamo metodo test() regularnega izraza, da preverite, ali se vneseni e-poštni naslov ujema z vzorcem.
4. Če je e-pošta veljavna, prikažemo opozorilno sporočilo, ki nakazuje, da je veljavna; v nasprotnem primeru prikažemo opozorilno sporočilo, ki nakazuje, da je neveljaven.
5. V HTML-ju ustvarimo vnosno polje tipa "email" in gumb, ki ob kliku pokliče funkcijo validateMail z vrednostjo vneseno v polje za vnos.

funkcija validateEmail (pošta) {
// Regularni izraz za preverjanje e-pošte
var regex = /^[w-]+([w-]+)*@[w-]+([w-]+)*.[a-zA-Z]{2,}$/;
// Preverite, ali se pošta ujema z vzorcem, ki ga določa regularni izraz
if (regex.test (pošta)) {
opozorilo("Veljaven e-poštni naslov");
} else {
opozorilo ("Neveljaven e-poštni naslov");
}
}

Preverjanje elektronske pošte z JavaScriptom in regularnim izrazom

Potrdi

Prednosti in slabosti potrjevanja z JavaScriptom

Preverjanje vhodnih podatkov, kot so e-poštni naslovi, z uporabo JavaScripta na strani odjemalca ima prednosti in slabosti:

Prednosti	Slabosti
Takojšnja povratna informacija za uporabnika	Ni varno
Manjša obremenitev strežnika	Združljivost med brskalniki
Izboljšajte uporabniško izkušnjo	Podvajanje truda (stran odjemalca/strežnika)
Zmanjšanje odzivnega časa	Ne nadomešča preverjanja na strani strežnika

Preverjanje podatkov s pomočjo JavaScripta ni nadomestilo za preverjanje na strani strežnika. Vendar pa pomaga zmanjšati obremenitev. Za preverjanje podatkov na strani strežnika priporočam, da preberete:

• Preverjanje pošte s PHP