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() '-metoden i JavaScript. Match()-metoden matcher verdien med det regulære uttrykket, hvis det blir matchet, vil metoden returnere true, ellers vil den gi false.
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 pinkoden:
/^ \d { 6 } $ /
I mønsteret ovenfor:
- ' / ” skråstrek-tegn brukes for å referere til grensene til det regulære uttrykket/mønsteret.
- ' ^ ” representerer starten på nummeret.
- ' d ” angir sifre.
- ' {} ' indikerer grensen som er ' 6 '.
- ' \ ” omvendt skråstrek er escape-karakteren.
- ' $ ” indikerer slutten av strengen.
Regex-mønster for å validere mobilnummer
Det er viktig å validere telefon-/mobilnummeret på et HTML-skjema. Et gyldig telefonnummer kan være tilgjengelig i ulike formater, avhengig av området. Følg link for å sjekke ut de forskjellige regexene for å validere telefonnumrene.
Her vil vi diskutere de to vanlige formatene, det ene er bare tall med en lengde på 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /Regex ovenfor indikerer at du kan skrive inn bare 10 sifre som et telefonnummer uten noen skilletegn som mellomrom eller spesialtegn inkludert ' + ', ' – ' eller ' () '.
Eksempel
La oss først designe nettsiden og deretter bruke JavaScript for å validere pinkoden og mobilnummeret. Gå til HTML-filen din og lim inn følgende kode der:
< skjemanavn = 'form' handling = '#' >< inndatatype = 'tekst' id = 'pin' plassholder = 'Skriv inn PIN-koden din' autofullfør = 'av' >< br > < br >
< inndatatype = 'tekst' id = 'Antall' plassholder = 'Skriv inn ditt 10-sifrede mobilnummer' autofullfør = 'av' >< br >< br >
< knappetype = 'sende inn' ved trykk = 'validering()' > Sende inn knapp >
form >
I koden ovenfor:
- Lag først et skjema med handlingen ' # ” som betyr at dataene ikke vil bli sendt noe sted.
- Lag to inntastingsfelt, ett for pinkoden og det andre for mobilnummeret.
- Lage en ' sende inn '-knappen som vil kalle opp ' validering() ” metode for å validere pinkoden og mobilnummeret.
HTML-siden vil se slik ut:
I