Npr. provjera valjanosti e-pošte s JavaScriptom (regex)

Mnogo puta susrećemo se s potrebom da potvrdimo da je adresa e-pošte upisana u određeno polje našeg obrasca. važeća e-pošta. U ovom članku naučit ćemo kako potvrditi e-poštu pomoću regularnih izraza (poznatih i kao regex) u JavaScriptu.

Što je regularni izraz (regex)?

Regularni izraz je niz znakova koji definira obrazac pretraživanja. U ovom slučaju želimo pronaći obrazac koji predstavlja valjanu adresu e-pošte.

Regularni izrazi moćan su i fleksibilan alat za rad s tekstualnim nizovima i provjeru valjanosti ulaznih podataka.

Validacija e-pošte s regularnim izrazom

Da bismo potvrdili da je e-pošta valjana, moramo provjeriti je li format ispravan, odnosno uključuje li @ i domenu. Za ovo koristimo sljedeći izraz:

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

Primjer punog obrasca

U sljedećem primjeru pokazujemo kako potvrditi adresu e-pošte pomoću JavaScripta i regularnog izraza. Koraci koje slijedimo su:

1. Definiramo funkciju tzv validateMail koji kao argument uzima e-poštu koju treba potvrditi.
2. Mi stvaramo varijablu regularni izraz A koji sadrži regularni izraz za potvrdu e-pošte.
3. Koristimo metodu test() regularnog izraza kako biste provjerili odgovara li unesena adresa e-pošte uzorku.
4. Ako je e-pošta važeća, prikazujemo poruku upozorenja koja pokazuje da je važeća; u suprotnom, prikazujemo poruku upozorenja koja pokazuje da nije važeća.
5. U HTML-u stvaramo polje za unos tipa "e-mail" i gumb koji, kada se klikne, poziva funkciju validateMail s vrijednošću upisanom u polje za unos.

funkcija validateEmail (pošta) {
// Regularni izraz za provjeru valjanosti e-pošte
var regex = /^[w-]+([w-]+)*@[w-]+([w-]+)*.[a-zA-Z]{2,}$/;
// Provjerite odgovara li pošta uzorku definiranom regularnim izrazom
if (regex.test (pošta)) {
upozorenje("Valjana e-pošta");
} else {
upozorenje ("Nevažeća e-pošta");
}
}

Validacija e-pošte s JavaScriptom i regularnim izrazom

Potvrdi

Prednosti i nedostaci provjere s JavaScriptom

Validacija ulaznih podataka, kao što su adrese e-pošte, korištenjem JavaScripta na strani klijenta ima prednosti i nedostatke:

Prednosti	Nedostaci
Trenutna povratna informacija za korisnika	Nije sigurno
Manje opterećenje poslužitelja	Kompatibilnost s različitim preglednicima
Poboljšajte korisničko iskustvo	Dupliciranje napora (strana klijenta/poslužitelja)
Smanjenje vremena odziva	Ne zamjenjuje provjeru valjanosti na strani poslužitelja

Validacija podataka pomoću JavaScripta nije zamjena za validaciju na strani poslužitelja. Međutim, pomaže smanjiti opterećenje. Za provjeru podataka na strani poslužitelja preporučujem da pročitate:

• Validacija pošte s PHP-om