Ta vadnica bo opisala metodo za preverjanje pin kod in mobilnih številk z uporabo JavaScripta.
Kako potrditi kodo PIN in številko mobilnega telefona v JavaScriptu?
Za potrditev kode PIN in mobilne številke uporabite » regularni izrazi ' z ' ujemanje() ” v JavaScriptu. Metoda match() ujema vrednost z regularnim izrazom; če se ujema, bo metoda vrnila true ali pa dala false.
Vzorec regularnega izraza za preverjanje PIN kode
PIN kode so običajno 4-mestne, 5-mestne ali 6-mestne. Tukaj bomo napisali regularni izraz za potrditev 6-mestne kode PIN:
/^ \d { 6 } $ /
V zgornjem vzorcu:
- “ / ” poševnica naprej se uporablja za sklicevanje na meje regularnega izraza/vzorca.
- “ ^ ” predstavlja začetek številke.
- “ d ” označuje števke.
- “ {} « označuje mejo, ki je » 6 ”.
- “ \ ” Znak nazaj poševnica je ubežni znak.
- “ $ ” označuje konec niza.
Vzorec regularnega izraza za preverjanje mobilne številke
Bistveno je, da potrdite telefonsko/mobilno številko na obrazcu HTML. Veljavna telefonska številka je lahko na voljo v različnih oblikah, odvisno od območja. Sledite povezava da preverite različne regularne izraze za potrditev telefonskih številk.
Tukaj bomo razpravljali o dveh pogostih formatih, eden je samo številke z dolžino 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /Zgornji regularni izraz pomeni, da lahko kot telefonsko številko vnesete samo 10 števk brez ločil, kot je presledek, ali kakršen koli poseben znak, vključno z » + ”, “ – « ali » () ”.
Primer
Najprej oblikujmo spletno stran in nato uporabimo JavaScript za potrditev kode PIN in številke mobilnega telefona. Pojdite v svojo datoteko HTML in tja prilepite naslednjo kodo:
< ime obrazca = 'oblika' ukrepanje = '#' >< vrsta vnosa = 'besedilo' id = 'pin' rezervirano mesto = 'Vnesite PIN' samodokončanje = 'izklopljen' >< št > < št >
< vrsta vnosa = 'besedilo' id = 'številka' rezervirano mesto = 'Vnesite svojo 10-mestno mobilno številko' samodokončanje = 'izklopljen' >< št >< št >
< vrsta gumba = 'oddaj' onclick = 'validacija()' > Predloži gumb >
oblika >
V zgornji kodi:
- Najprej ustvarite obrazec z dejanjem ' # ”, kar pomeni, da podatki ne bodo poslani nikamor.
- Ustvarite dve vnosni polji, eno za kodo PIN in drugo za številko mobilnega telefona.
- Ustvariti ' predložiti «, ki prikliče » potrditev() ” za potrditev kode PIN in mobilne številke.
Stran HTML bo videti takole:
V oznako