JavaScript Regular uttrykk e -postvalidering

E -postadresser har et spesifikt format, med visse tegn og strukturer som kreves. Validering av en e -postadresse sikrer at den er i riktig format og kan brukes til å sende eller motta e -post. Ved å validere e -postadresser, kan du sikre at viktig informasjon blir levert til riktig mottaker og at kommunikasjonen er så effektiv som mulig.

Denne bloggen vil beskrive e -postvalidering i JavaScript.

Hvordan validere e -post i JavaScript?

Å bekrefte brukerens angitte e -postadresse er kjent som e -postvalidering. I JavaScript kan du validere en e -postadresse ved å bruke "vanlig uttrykk" med "kamp()”Metode. Match () -metoden verifiserer brukerens inngang med det spesifiserte mønsteret.

La oss først se noen gyldige og ugyldige e -postadresser, og deretter opprette et mønster for å validere e -postadressene.

Gyldige e -postadresser

Noen gyldige e -postadresser er:

• [email protected]
• [email protected]
• [email protected]
• [email protected]

Ugyldige e -postadresser:

Følgende formaterte e -postmeldinger er ikke akseptable:

• En e -post startet med en prikk “.”
• Ingen karakter før @
• Uten @
• Doble prikker er ikke tillatt

Mønster

Det gitte mønsteret er et generelt e -postformatmønster:

var mønster = /[a-z0-9]+@[a-z]+\.[a-z] 2,3/

Ovennevnte mønster godtar:

• “[A-Z0-9]”Indikerer de små bokstavtegnene med tall.
• “@[a-z]”Begynner @ -tegnet med et hvilket som helst antall små tegn.
• “\.”Spesifiser prikken (.).
• “[a-z] 2,3”Begynner alfabetene A-Z med lengde 2 eller 3, for eksempel“com”,“org”,“nett", og så videre.

Det er viktig å merke seg at mønsteret ovenfor er et generelt vanlig uttrykk, og det kan ikke dekke alle mulige tilfeller av e -postvalidering, men det er et godt utgangspunkt. Du kan opprette/definere et mønster på dine egne krav.

La oss prøve et annet (komplekst) mønster som vil akseptere små og kapitalbrev med forskjellige spesialtegn:

var mønster = /^[a-za-z0-9.!#$%& '*+/=?^_ '| ~-]+@[a-za-z0-9-]+(?: \.[A-Za-Z0-9-]+)*$/

Eksempel

Lag et skjema som inneholder et tekstfelt, en knapp og et område for å vise en feilmelding i en HTML -fil. Fest “ved trykk”Arrangement med“sende inn”-Knappen som vil påkalle“e -postValideringFunc ()”Funksjon for å validere brukerinngangen:

Skriv inn din email: <inngang type = "text" autocomplete = "off">
<p>p>
<inngang type = "Send" verdi = "Send" OnClick = "E -postValideringFunc ()">
form>

I JavaScript -fil, legg til følgende kode:

Funksjon e -postValideringFunc ()

var input = dokument.getElementById ("Mail").verdi;
var mønster = /[a-z0-9]+@[a-z]+\.[A-Z] 2,3/;
hvis (input.match (mønster))

Varsel ("Mønsterkamper!");
return True;

ellers

dokument.getElementById ("Feil").InnerHTML = "Vennligst skriv inn en gyldig e -postadresse!";
return falsk;

I henhold til ovennevnte kodebit:

• Først, definere en funksjon som heter “e -postValideringFunc ()”Det vil utløse på knappeklikket.
• Få verdien av brukerinngangen ved å bruke “verdi" Egenskap.
• Lag et mønster for validering av e -postadressen.
• Ring "kamp()”Metode for å sjekke om den innlisede verdien samsvarer med det medfølgende mønsteret. Hvis ja, så vis en varslingsmelding “Mønsterkamper!”. Ellers, skriv ut feilmeldingen “Vennligst skriv inn en gyldig e-post adresse!”.

Produksjon

Det handler om e -postvalidering ved hjelp av JavaScript regelmessig uttrykk.

Konklusjon

I JavaScript, for å validere en e -postadresse, bruk "vanlig uttrykk" med "kamp()”Metode. Match () -metoden verifiserer brukerens inngang med det spesifiserte mønsteret. Denne bloggen nevner generelle e -postformateringsmønstre, men du kan også lage et mønster på dine egne krav. I denne bloggen beskrev vi e -postvalidering i JavaScript.