F.eks. e-mailvalidering med JavaScript (Regex)

Mange gange bliver vi præsenteret for behovet for at validere, at en e-mailadresse er indtastet i et bestemt felt i vores formular. gyldig e-mail. I denne artikel lærer vi, hvordan du validerer e-mails ved hjælp af regulære udtryk (også kendt som regex) i JavaScript.

Hvad er et regulært udtryk (regex)?

Et regulært udtryk er en sekvens af tegn, der definerer et søgemønster. I dette tilfælde ønsker vi at finde et mønster, der repræsenterer en gyldig e-mailadresse.

Regulære udtryk er et kraftfuldt og fleksibelt værktøj til at arbejde med tekststrenge og validere inputdata.

E-mail-validering med regulært udtryk

For at validere, at en e-mail er gyldig, skal vi bekræfte, at formatet er korrekt, det vil sige, at det indeholder et @ og et domæne. Til dette bruger vi følgende udtryk:

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

Eksempel på fuld formular

I det følgende eksempel viser vi, hvordan man validerer en e-mailadresse ved hjælp af JavaScript og et regulært udtryk. De trin vi følger er:

1. Vi definerer en funktion kaldet validerMail det tager som argument den e-mail, der skal valideres.
2. Vi opretter en variabel regex A, der indeholder det regulære udtryk for at validere e-mailen.
3. Vi bruger metoden prøve() af det regulære udtryk for at kontrollere, om den indtastede e-mail matcher mønsteret.
4. Hvis e-mailen er gyldig, viser vi en advarselsmeddelelse, der angiver, at den er gyldig; ellers viser vi en advarselsmeddelelse, der angiver, at den er ugyldig.
5. I HTML'en opretter vi et inputfelt af typen "e-mail" og en knap, der, når der klikkes på den, kalder funktionen validerMail med værdien indtastet i indtastningsfeltet.

funktion validateEmail (mail) {
// Regulært udtryk for at validere e-mail
var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;
// Tjek, om mailen matcher det mønster, der er defineret af det regulære udtryk
if (regex.test (mail)) {
alert("Gyldig e-mail");
} andet {
advarsel ("Ugyldig e-mail");
}
}

E-mail-validering med JavaScript og regex

Valider

Fordele og ulemper ved at validere med JavaScript

Validering af inputdata, såsom e-mailadresser, ved hjælp af JavaScript på klientsiden har fordele og ulemper:

Fordele	Ulemper
Umiddelbar feedback til brugeren	Er ikke sikker
Mindre belastning på serveren	Krydsbrowserkompatibilitet
Forbedre brugeroplevelsen	Duplikering af indsats (klient/server side)
Reduktion af responstid	Erstatter ikke validering på serversiden

Validering af data ved hjælp af JavaScript er ikke en erstatning for validering på serversiden. Det er dog med til at mindske belastningen. For at validere data på serversiden anbefaler jeg, at du læser:

• Mail validering med PHP