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

Mange ganger blir vi presentert med behovet for å bekrefte at en e-postadresse er angitt i et bestemt felt i skjemaet vårt. gyldig e-post. I denne artikkelen lærer vi hvordan du validerer e-poster ved å bruke regulære uttrykk (også kjent som regex) i JavaScript.

Hva er et regulært uttrykk (regex)?

Et regulært uttrykk er en sekvens av tegn som definerer et søkemønster. I dette tilfellet ønsker vi å finne et mønster som representerer en gyldig e-postadresse.

Regulære uttrykk er et kraftig og fleksibelt verktøy for å jobbe med tekststrenger og validere inndata.

E-postvalidering med regulært uttrykk

For å validere at en e-post er gyldig, må vi bekrefte at formatet er riktig, det vil si at det inkluderer et @ og et domene. Til dette bruker vi følgende uttrykk:

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

Eksempel på fullstendig skjema

I følgende eksempel viser vi hvordan du validerer en e-postadresse ved hjelp av JavaScript og et regulært uttrykk. Trinnene vi følger er:

1. Vi definerer en funksjon kalt validerMail som tar som argument e-posten som skal valideres.
2. Vi lager en variabel regulært uttrykk A som inneholder det regulære uttrykket for å validere e-posten.
3. Vi bruker metoden test() av det regulære uttrykket for å sjekke om e-posten som er angitt samsvarer med mønsteret.
4. Hvis e-posten er gyldig, viser vi en varselmelding som indikerer at den er gyldig; ellers viser vi en varselmelding som indikerer at den er ugyldig.
5. I HTML-en lager vi et inndatafelt av typen "e-post" og en knapp som, når den klikkes, kaller opp funksjonen validerMail med verdien angitt i inntastingsfeltet.

funksjon validateEmail (mail) {
// Regelmessig uttrykk for å validere e-post
var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;
// Sjekk om e-posten samsvarer med mønsteret definert av det regulære uttrykket
if (regex.test (e-post)) {
alert("Gyldig e-post");
} annet {
-varsel ("Ugyldig e-post");
}
}

E-postvalidering med JavaScript og regulært uttrykk

Validere

Fordeler og ulemper ved å validere med JavaScript

Validering av inndata, for eksempel e-postadresser, ved å bruke JavaScript på klientsiden har fordeler og ulemper:

Fordeler	Ulemper
Umiddelbar tilbakemelding til brukeren	Er ikke trygg
Mindre belastning på serveren	Kryssnettleserkompatibilitet
Forbedre brukeropplevelsen	Duplisering av innsats (klient/server side)
Reduksjon av responstid	Erstatter ikke validering på serversiden

Validering av data ved hjelp av JavaScript er ikke en erstatning for validering på serversiden. Det er imidlertid med på å redusere belastningen. For å validere data på serversiden anbefaler jeg at du leser:

• E-postvalidering med PHP