De exemplu, validarea e-mailului cu JavaScript (Regex)

De multe ori ni se prezintă nevoia de a valida că o adresă de e-mail este introdusă într-un anumit câmp al formularului nostru. email valid. În acest articol, vom învăța cum să validăm e-mailurile folosind expresii regulate (cunoscute și ca regex) în JavaScript.

Ce este o expresie regulată (regex)?

O expresie regulată este o secvență de caractere care definește un model de căutare. În acest caz, dorim să găsim un model care să reprezinte o adresă de e-mail validă.

Expresiile regulate sunt un instrument puternic și flexibil pentru lucrul cu șiruri de text și validarea datelor de intrare.

Validarea e-mailului cu expresia regex

Pentru a valida că un e-mail este valid, trebuie să verificăm că formatul este corect, adică include un @ și un domeniu. Pentru aceasta folosim următoarea expresie:

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

Exemplu de formă completă

În exemplul următor arătăm cum să validăm o adresă de e-mail folosind JavaScript și o expresie regulată. Pașii pe care îi urmăm sunt:

1. Definim o functie numita validateMail care ia drept argument e-mailul de validat.
2. Creăm o variabilă regex A care conține expresia regulată pentru validarea e-mailului.
3. Folosim metoda Test() a expresiei regulate pentru a verifica dacă e-mailul introdus se potrivește cu modelul.
4. Dacă e-mailul este valid, afișăm un mesaj de alertă care indică faptul că este valid; în caz contrar, afișăm un mesaj de alertă care indică faptul că este invalid.
5. În HTML, creăm un câmp de introducere de tip „e-mail” și un buton care, atunci când este apăsat, apelează funcția validateMail cu valoarea introdusă în câmpul de introducere.

function validateEmail (mail)
// Expresie regulată pentru validarea e-mailului
var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;
// Verificați dacă e-mailul se potrivește cu modelul definit de expresia regulată
if (regex.test (poștă)) {
alert(„E-mail valid”);
} else {
alertă ("E-mail nevalid");
}
}

Validare e-mail cu JavaScript și regex

Valida

Avantajele și dezavantajele validării cu JavaScript

Validarea datelor de intrare, cum ar fi adresele de e-mail, folosind JavaScript din partea clientului are avantaje și dezavantaje:

Avantaje	Dezavantaje
Feedback imediat pentru utilizator	Nu este sigur
Mai puțină sarcină pe server	Compatibilitate între browsere
Îmbunătățiți experiența utilizatorului	Dublarea eforturilor (partea client/server)
Reducerea timpului de răspuns	Nu înlocuiește validarea pe partea serverului

Validarea datelor folosind JavaScript nu este un substitut pentru validarea pe server. Cu toate acestea, ajută la reducerea sarcinii. Pentru a valida datele din partea serverului vă recomand să citiți:

• Validare e-mail cu PHP