Deze tutorial beschrijft de methode voor het valideren van pincodes en mobiele nummers met behulp van JavaScript.
Hoe de pincode en het mobiele nummer in JavaScript te valideren?
Gebruik voor het valideren van de pincode en het mobiele nummer de “ normale uitdrukkingen ' met de ' bij elkaar passen() ” methode in JavaScript. De methode match() komt overeen met de waarde van de reguliere expressie. Als deze overeenkomt, retourneert de methode true, anders geeft deze false.
Regex-patroon om pincode te valideren
Pincodes zijn meestal 4-cijferige, 5-cijferige of 6-cijferige codes. Hier zullen we de regex schrijven voor het valideren van de 6-cijferige pincode:
/^ \d { 6 } $ /
In bovenstaand patroon:
- “ / ” forward slash karakter wordt gebruikt om te verwijzen naar de grenzen van de reguliere expressie/patroon.
- “ ^ ” staat voor het begin van het nummer.
- “ d ” staat voor cijfers.
- “ {} ” geeft de limiet aan die “ 6 ”.
- “ \ Het backslash-teken is het escape-teken.
- “ $ ” geeft het einde van de string aan.
Regex-patroon om mobiel nummer te valideren
Het is essentieel om het telefoonnummer/gsm-nummer op een HTML-formulier te valideren. Een geldig telefoonnummer kan in verschillende formaten beschikbaar zijn, afhankelijk van het gebied. Volg de koppeling om de verschillende regexen te bekijken om de telefoonnummers te valideren.
Hier bespreken we de twee veelgebruikte formaten waarvan er één slechts getallen zijn met een lengte van 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /De bovenstaande regex geeft aan dat u slechts 10 cijfers kunt invoeren als een telefoonnummer zonder scheidingsteken zoals spatie of een speciaal teken inclusief ' + ”, “ – ' of ' () ”.
Voorbeeld
Laten we eerst de webpagina ontwerpen en vervolgens JavaScript gebruiken om de pincode en het mobiele nummer te valideren. Ga naar je HTML-bestand en plak daar de volgende code:
< formulier naam = 'formulier' actie = '#' >< invoertype = 'tekst' ID kaart = 'pin' tijdelijke aanduiding = 'Voer uw pincode in' automatisch aanvullen = 'uit' >< br > < br >
< invoertype = 'tekst' ID kaart = 'nummer' tijdelijke aanduiding = 'Voer uw 10-cijferige mobiele nummer in' automatisch aanvullen = 'uit' >< br >< br >
< knop type = 'indienen' bij klikken = 'geldigmaking()' > Indienen knop >
formulier >
In bovenstaande code:
- Maak eerst een formulier aan met de actie “ # ', wat betekent dat de gegevens nergens heen worden gestuurd.
- Maak twee invoervelden aan, één voor de pincode en één voor het mobiele nummer.
- Maak een ' indienen ” knop die de “ geldigmaking() ”methode om de pincode en het mobiele nummer te valideren.
De HTML-pagina ziet er als volgt uit:
Plak de volgende coderegels in de