E -postvalidering i JavaScript

JavaScript, et programmeringsspråk som brukes til å utvikle utsøkt behagelige nettsteder. Bortsett fra å gi et hyggelig blikk på nettstedet ditt, brukes det også til valideringsformål når du oppretter en HTML -skjema. Validering, viktigst av alt e -postvalidering, er en svært betydelig del av en form som sørger for at bare autentisk informasjon er gitt av brukeren. Vi har designet dette innlegget for å vise deg hvordan du validerer brukerens e -post ved hjelp av JavaScript. Denne oppskrivningen dekker følgende emner.

1. Introduksjon til validering
2. Hvordan validere e -post ved hjelp av JavaScript

La oss komme i gang.

Introduksjon til validering

Validering er prosedyren for å sørge for at brukeren, så vel som informasjonen som brukeren gir, er autentisk. JavaScript autentiserer informasjonen på klientsiden som forbedrer databehandlingsprosedyren.

Validering brukes til å autentisere brukernavn, passord, e -post, telefonnummer og så videre. I dette innlegget vil vi holde oss til e -postvalidering. La oss lære å utføre det ved hjelp av JavaScript.

Hvordan validere e -post ved hjelp av JavaScript

Som allerede nevnt er validering av en e -post svært viktig når du oppretter skjemaer på nettsteder.

En e -postadresse er delt inn i to deler som er atskilt med "@" -symbol, dessuten består hver av disse delene av en kombinasjon av ASCII -tegn. Den første delen av en e -post betegner for det meste den personlige informasjonen til en bruker og består av følgende.

1. Både store bokstaver (A-Z) samt små bokstaver (A-Z).

2. Numeriske sifre (0-9).

3. Spesialtegn som ! # $ % ^ & * _ - = | ~.

4. Et fullt stopp (det kan ikke være den første eller den siste karakteren, dessuten kan du ikke bruke full stopp.)

I tillegg til dette, kan domenenavnet, som er den delen av e -posten som kommer etter at @ -symbolet kan bestå av bokstaver, sifre, bindestreker og prikker.

Eksempel

Her har vi demonstrert et komplett eksempel på en HTML -skjema som validerer en e -post ved hjelp av JavaScript.

Html

Fyll inn epostadressen din

I HTML -koden ovenfor har vi opprettet et inndatafelt der brukeren vil oppgi e -postadressen og på et klikk på innsendingsknappen, sendes den angitte e -posten til ValidateEmail () metode som skal valideres.

CSS

.H3
margin-venstre: 38px;

input
Font-størrelse: 20px;

Input: Fokus, TextArea: Fokus

bakgrunnsfarge: Whitesmoke;

inndata send inn
Font-størrelse: 12px;

Her bruker vi noen grunnleggende CSS for å style HTML -elementene våre.

JavaScript

FunctionValidateEmail (InputText)

var mailformat = /^\ w+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/;
if (inputText.verdi.match (mailformat))

Varsel ("Gyldig e -postadresse!");
dokument.Form1.tekst1.fokus();
returnerer;

ellers

Varsel ("Ugyldig e -postadresse!");
dokument.Form1.tekst1.fokus();
Returnfalse;

I denne JavaScript -koden, et vanlig uttrykk /^\ w+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/ brukes til å validere en e -post. Etterpå, hvis/ellers blir utsagn brukt til å spesifisere at hvis brukeren legger inn en gyldig e -postadresse, vil det bli generert en varslingsmelding som bekrefter ektheten til e -postadressen, og hvis brukeren legger inn en ugyldig e -postadresse, vil varslingsmeldingen varsle brukeren om det.

Produksjon

Når du oppgir en autentisk e -postadresse.

Når du skriver inn en ugyldig e -postadresse.

E -postvalidering var suksessfull.

Konklusjon

I JavaScript, et vanlig uttrykk /^\ w+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/ brukes til å validere en e -postadresse i HTML -skjemaer som spesifiserer mønsteret til en gyldig e -post. Videre, hvis/annet uttalelser brukes til å spesifisere betingelser for gyldige og ugyldige e -postadresse. Denne oppskrivningen guider deg om hvordan du validerer en e-postadresse ved hjelp av JavaScript ved hjelp av en relevant kode.