See õpetus kirjeldab PIN-koodide ja mobiilinumbrite valideerimise meetodit JavaScripti abil.
Kuidas kinnitada PIN-koodi ja mobiilinumbrit JavaScriptis?
PIN-koodi ja mobiilinumbri kinnitamiseks kasutage nuppu ' regulaaravaldised ' koos ' vaste() ” meetod JavaScriptis. Meetod match() sobitab väärtuse regulaaravaldisega, kui see sobitatakse, tagastab meetod tõene või annab vale.
Regex muster PIN-koodi kinnitamiseks
Pin-koodid on tavaliselt 4-, 5- või 6-kohalised koodid. Siin kirjutame 6-kohalise PIN-koodi kinnitamiseks regexi:
/^ \d { 6 } $ /
Ülaltoodud mustri järgi:
- “ / ” kaldkriipsu kasutatakse regulaaravaldise/mustri piiridele viitamiseks.
- “ ^ ” tähistab numbri algust.
- “ d ” tähistab numbreid.
- “ {} ' näitab piiri, mis on ' 6 ”.
- “ \ ” kaldkriips on paomärk.
- “ $ ” näitab stringi lõppu.
Regex muster mobiilinumbri kinnitamiseks
Oluline on telefoni/mobiilinumbri kinnitamine HTML-vormingus. Kehtiv telefoninumber võib olenevalt piirkonnast saadaval olla erinevates vormingutes. Mine järgi link et kontrollida telefoninumbrite kinnitamiseks erinevaid regexe.
Siin käsitleme kahte levinud vormingut, millest üks on vaid numbrid pikkusega 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /Ülaltoodud regex näitab, et telefoninumbrina saate sisestada vaid 10 numbrit ilma eraldaja (nt tühik) või erimärkideta, sealhulgas „ + ”, „ – ” või „ () ”.
Näide
Kujundame esmalt veebilehe ja seejärel kasutame PIN-koodi ja mobiilinumbri kinnitamiseks JavaScripti. Minge oma HTML-faili ja kleepige sinna järgmine kood:
< vormi nimi = 'vorm' tegevust = '#' >< sisendi tüüp = 'tekst' id = 'pin' kohatäide = 'Sisestage oma PIN-kood' automaatne täitmine = 'väljas' >< br > < br >
< sisendi tüüp = 'tekst' id = 'number' kohatäide = 'Sisestage oma 10-kohaline mobiilinumber' automaatne täitmine = 'väljas' >< br >< br >
< nupu tüüp = 'Esita' onclick = 'valideerimine()' > Esita nuppu >
vormi >
Ülaltoodud koodis:
- Esiteks looge vorm toiminguga ' # ”, mis tähendab, et andmeid ei saadeta kuhugi.
- Looge kaks sisestusvälja, üks PIN-koodi ja teine mobiilinumbri jaoks.
- Loo ' Esita nuppu, mis kutsub esile valideerimine() ” meetod PIN-koodi ja mobiilinumbri kinnitamiseks.
HTML-leht näeb välja järgmine:
Kleepige märgendisse