Hvordan validere e -postadresse i JavaScript

Prosessen med å verifisere de angitte verdiene av brukerne er kjent som validering. Det forbedrer brukeropplevelsen og er viktig for webapplikasjoner. Validering brukes i JavaScript for å bekrefte en brukers identitet ved å sjekke brukerens e -post, passord, mobilnummer og en rekke annen informasjon. Denne teknikken er mest brukt mens du lager skjemaer for nettsteder.

I dette innlegget vil vi snakke om noen vanlige metoder for å validere e -postadresser i JavaScript.

Hvordan validere e -postadresse i JavaScript?

Når du verifiserer en HTML -skjema, er det å validere e -posten et kritisk trinn. I JavaScript kan du validere e -postadressen:

1. Ved hjelp av regex
2. Uten regex

La oss undersøke hvordan disse tilnærmingene vil validere e -posten.

Metode 1: Valider e -postadresse ved hjelp av regex

For å validere en e -post, kan du bruke et regex -mønster/vanlig uttrykk med JavaScript "kamp() ”Metode. Verdien av den spesifiserte e -posten i et inngangsfelt sammenlignes med et vanlig uttrykk eller regex -mønster ved hjelp av match () -metoden.

Syntaks
Følg syntaksen nedenfor for å validere en e -post ved hjelp av match () -metoden:

InputText.verdi.match (regexpattern);

Her, "regexpattern”Er det vanlige uttrykket som vil samsvare med tekstfeltets verdi.

Nå, sjekk ut følgende eksempel.

Eksempel
I dette eksemplet vil vi opprette en HTML-skjema som inneholder en inngangsverdi og en knapp som vil sjekke om den angitte e-posten er gyldig eller ikke ved å ringe den brukerdefinerte JavaScript-funksjonen kalt som "MailValidation ()”:

Sende inn

I JavaScript -filen vil vi definere "MailValidation ()”Metode som tar verdien av inngangsfeltet som en parameter. Etter det, definer et regex-mønster for e-post som følger A-Za-Z alfabeter, tegn, 0-9 sifre, med @ og (.). Ring deretter match () -metoden med inngangstekstverdien ved å passere regex -mønsteret. Hvis verdien av inngangsteksten samsvarer med regexen, vil et varsel vises med meldingen "Gyldig e-postadresse!”; Ellers viser varselet en spesifisert melding:

Funksjon MailValidation (InputText)

regexpattern = /^[a-za-z0-9.!#$%& '*+/=?^_ '| ~-]+@[a-za-z0-9-]+(?: \.[A-Za-Z0-9-]+)*$/;
inputTextVal = dokument.getElementById ("txt");
if (inputTextVal.verdi.Match (regexpattern))

Varsel ("Gyldig e -postadresse!");
return True;

ellers

Varsel ("Du har angitt en ugyldig e -postadresse!");
return falsk;

Det kan sees at vår definerte metodikk fungerer perfekt for å bekrefte e -postadresse:

La oss se en annen metode for å validere e -post uten å bruke regex.

Metode 2: Valider e -postadresse uten å bruke regex

For å validere e -post uten regex, kan du bruke "inkluderer ()”Metode. Det gir en boolsk verdi som en utgang. Den aksepterer karakterer som et argument og kommer tilbake “ekte”Hvis de eksisterer i inngangen, ellers gir det ut“falsk”.

Syntaks
Følg syntaksen under levert for å bruke Include () -metoden:

streng.inkluderer (tegn);

Her, “tegn”Er (@) tegn og (.) som vil bli sjekket i den angitte e -posten.

Eksempel
I dette eksemplet vil vi gjøre endringer i den ovennevnte JavaScript-funksjonen som heter “MailValidation ()”. Her vil vi bruke Include () -metoden i funksjon for å sjekke inngangsverdien om den inneholder (@) tegn og (.) eller ikke:

Funksjon MailValidation (InputText)

inputTextVal = dokument.getElementById ("txt");
if (inputTextVal.verdi.inkluderer ("@", "."))

Varsel ("Gyldig e -postadresse!");
return True;

ellers

Varsel ("Du har angitt en ugyldig e -postadresse!");
return falsk;

Produksjon

Vi har samlet de enkleste metodene for å validere e -postadresser ved hjelp av JavaScript.

Konklusjon

For å validere en e -postadresse, kan du bruke "kamp()”Metode for validering med regex eller“inkluderer ()”Metode for å validere e -posten uten å bruke regex. Match () -metoden samsvarer med den angitte e -postadressen med den spesielle regex mens Include () -metoden sjekker “@" og ".”I e -posten om begge er inkludert i den angitte e -posten eller ikke. Dette innlegget diskuterte metodene for å validere e -postadresser i JavaScript med detaljerte eksempler.