Hvordan validere PIN -kode og mobilnummer i JavaScript

På nettsteder kan det være flere HTML -skjemaer for å få brukerens data. Mens du samler inn brukerdata, er hovedproblemet/vanskeligheten datavalidering før du sender det til databasen. For å validere data, kan du bruke vanlige uttrykk ved hjelp av JavaScript.

Denne opplæringen vil beskrive metoden for å validere PIN -koder og mobilnumre ved hjelp av JavaScript.

Hvordan validere PIN -kode og mobilnummer i JavaScript?

For å validere PIN -koden og mobilnummeret, bruk "vanlig uttrykk" med "kamp()”Metode i JavaScript. Match () -metoden samsvarer med verdien til det vanlige uttrykket, hvis den blir matchet, vil metoden returnere sann, ellers vil den gi falsk.

Regex -mønster for å validere PIN -kode

PIN-koder er vanligvis 4-sifrede, 5-sifrede eller 6-sifrede koder. Her vil vi skrive regex for å validere den 6-sifrede PIN-koden:

/^\ d 6 $/

I mønsteret ovenfor:

• “/”Forward Slash -karakter brukes til å referere til grensene for det vanlige uttrykket/mønsteret.
• “^”Representerer starten på tallet.
• “d”Begynner sifre.
• “”Indikerer grensen som er“6”.
• “\”Backslash -karakter er fluktkarakteren.
• “$”Indikerer enden av strengen.

Regex -mønster for å validere mobilnummer

Det er viktig å validere telefonen/mobilnummeret på en HTML -skjema. Et gyldig telefonnummer kan være tilgjengelig i forskjellige formater, avhengig av området. Følg lenken for å sjekke ut de forskjellige regene for å validere telefonnumrene.

Her vil vi diskutere de to vanlige formatene en er bare tall med en lengde på 10:

/^\ d 3 \ d 3 \ d 4 $/

Ovennevnte Regex indikerer at du kan legge inn bare 10 sifre som telefonnummer uten noen avgrensning som plass, eller noen spesiell karakter inkludert "+”,“-”Eller“()”.

Eksempel

La oss først designe websiden og deretter bruke JavaScript for å validere PIN -koden og mobilnummeret. Gå til HTML -filen din og lim inn følgende kode der:

Sende inn

I koden ovenfor:

• Først må du lage et skjema med handlingen “#”Noe som betyr at dataene ikke vil bli sendt noe sted.
• Lag to inngangsfelt, det ene for PIN -koden og den andre for mobilnummeret.
• Lage en "sende inn”-Knappen som vil kalle“Validering ()”Metode for å validere PIN -koden og mobilnummeret.

HTML -siden vil se ut som følger:

I taggen eller JavaScript -filen, lim inn følgende kodelinjer:

funksjonValidering (pin, mobil)

var pin = dokument.getElementById ('Pin').verdi;
var mobilenumber = dokument.getElementById ('nummer').verdi;
pinRegeXpattern = /^\ d 6 $ /;
MobRegeXpattern = /^\ d 3 \ d 3 \ d 4 $ /;
if (pin.Match (PinRegexpattern) && Mobilenumber.Match (Mobregexpattern))

Varsel ("PIN og mobilnummer er validert!");
returnerer;

if (pin.match (pinregexpattern) 6)
Varsel ("PIN må være 6 sifre!");
returnerer;

ellers

Varsel ("Du har skrevet inn en ugyldig pinne og mobilnummer!");
Returnfalse;

I ovennevnte utdrag:

• Først definer en funksjon "Validering”Med to parametere,”Pin”Og“mobil”.
• Få inngangsverdiene til tekstfeltene, for eksempel mobilnummer og PIN -kode.
• Definer Regex -mønstre for både PIN -koden og mobilnummeret.
• Nå, i en betinget uttalelse, sjekk inndataverdiene til PIN -koden og mobilnummeret, og ring Match () -metoden ved å passere regexen som vil bekrefte om verdien samsvarer med mønsteret. Hvis den samsvarer, vil metoden sende ut sant, ellers returnerer falsk.

Du kan se i utdataene hvis PIN -koden er mindre enn eller større enn grensen "6”, Et varsel dukker opp. Hvis PIN- og mobilnummeret samsvarer med det gitte mønsteret, vil det vise meldingen for validering:

Nå vil vi bruke et annet mønster for å validere mobiltelefonnumre som er lengden på 13, inkludert avgrenser (+) som vil betegne landskoden:

/^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $/

I ovennevnte Regex -mønster:

• “^”Markerer begynnelsen på strengen.
• Grensene for det vanlige uttrykket er indikert med den fremre skråstreken "/”.
• “”Representerer grensen.
• “$”Indikerer at strengen er avsluttet.
• “[0-9] 2 .. .”Representerer de to sifrene ved siden av avgrenseren + i fra 0 til 9.

I JavaScript -kode vil vi bruke den samme koden ovenfor ved å erstatte bare "mobileregexpattern”:

MobRegexPattern = /^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $ /;

Produksjon

Det handlet om å validere PIN -koden og mobilnummeret i JavaScript.

Konklusjon

For å validere PIN -koder og mobilnumre, bruk "vanlig uttrykk" med "kamp()”Metode, som vil matche inngangsverdiene til det gitte mønsteret; Hvis det stemmer overens, returnerer det sant, ellers gir det usant. I denne opplæringen beskrev vi metoden for å validere PIN -koder og mobilnumre ved hjelp av JavaScript.