Denne vejledning vil beskrive metoden til validering af pinkoder og mobilnumre ved hjælp af JavaScript.
Hvordan validerer man pinkode og mobilnummer i JavaScript?
For at validere pinkoden og mobilnummeret, brug ' regulære udtryk ' med ' match() ” metode i JavaScript. Metoden match() matcher værdien med det regulære udtryk, hvis den bliver matchet, vil metoden returnere true, ellers vil den give falsk.
Regex-mønster til at validere pinkode
Pinkoder er normalt 4-cifrede, 5-cifrede eller 6-cifrede koder. Her vil vi skrive regex til validering af den 6-cifrede pinkode:
/^ \d { 6 } $ /
I ovenstående mønster:
- “ / ” fremad skråstreg bruges til at henvise til grænserne for det regulære udtryk/mønster.
- “ ^ ” repræsenterer starten på nummeret.
- “ d ” angiver cifre.
- “ {} ' angiver den grænse, der er ' 6 ”.
- “ \ ” omvendt skråstreg er escape-karakteren.
- “ $ ” angiver slutningen af strengen.
Regex-mønster for at validere mobilnummer
Det er vigtigt at validere telefon-/mobilnummeret på en HTML-formular. Et gyldigt telefonnummer kan være tilgængeligt i forskellige formater, afhængigt af området. Følg link for at tjekke de forskellige regexes for at validere telefonnumrene.
Her vil vi diskutere de to almindelige formater, det ene er kun tal med en længde på 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /Ovenstående regex angiver, at du kun kan indtaste 10 cifre som et telefonnummer uden nogen afgrænsning, såsom mellemrum, eller ethvert specialtegn inklusive ' + ', ' – ' eller ' () ”.
Eksempel
Lad os først designe websiden og derefter bruge JavaScript til at validere pinkoden og mobilnummeret. Gå til din HTML-fil og indsæt følgende kode der:
< form navn = 'form' handling = '#' >< input type = 'tekst' id = 'pin' pladsholder = 'Indtast din pinkode' autofuldførelse = 'af' >< br > < br >
< input type = 'tekst' id = 'nummer' pladsholder = 'Indtast dit 10-cifrede mobilnummer' autofuldførelse = 'af' >< br >< br >
< knaptype = 'Indsend' onclick = 'validering()' > Indsend knap >
form >
I ovenstående kode:
- Først skal du oprette en formular med handlingen ' # ” hvilket betyder, at dataene ikke bliver sendt nogen steder.
- Opret to indtastningsfelter, et til pinkoden og det andet til mobilnummeret.
- Lave en ' Indsend '-knap, der kalder ' validering() ” metode til at validere pinkoden og mobilnummeret.
HTML-siden vil se sådan ud:
Indsæt følgende kodelinjer i