Npr. provjera valjanosti e-pošte s JavaScriptom (regex)
Javascript / / April 15, 2023
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.
Sadržaj članka.
- • Što je regularni izraz (regex)?
- • Validacija e-pošte s regularnim izrazom
- • Primjer punog obrasca
- • Prednosti i nedostaci provjere s JavaScriptom
Š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:
- Definiramo funkciju tzv
validateMail
koji kao argument uzima e-poštu koju treba potvrditi. - Mi stvaramo varijablu
regularni izraz
A koji sadrži regularni izraz za potvrdu e-pošte. - Koristimo metodu
test()
regularnog izraza kako biste provjerili odgovara li unesena adresa e-pošte uzorku. - 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.
- 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
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
Kako citirati? Picardo, A. i Del Moral, M. (s.f.). Primjer provjere valjanosti e-pošte s JavaScriptom. Primjer za. Preuzeto 15. travnja 2023. s https://www.ejemplode.com/24-javascript/57-ejemplo_de_validacion_de_correo_electronico_con_javascript.html