Šioje pamokoje bus aprašytas PIN kodų ir mobiliojo telefono numerių patvirtinimo metodas naudojant JavaScript.
Kaip patvirtinti PIN kodą ir mobiliojo telefono numerį „JavaScript“?
Norėdami patvirtinti PIN kodą ir mobiliojo telefono numerį, naudokite „ reguliarios išraiškos ' su ' atitikimas () “ metodas JavaScript. Metodas match() suderina reikšmę su reguliariąja išraiška, jei ji bus suderinta, metodas grąžins teisingą arba pateiks false.
Regex modelis PIN kodui patvirtinti
Pin kodai paprastai yra 4 skaitmenų, 5 skaitmenų arba 6 skaitmenų kodai. Čia parašysime reguliarųjį reiškinį, skirtą 6 skaitmenų PIN kodo patvirtinimui:
/^ \d { 6 } $ /
Aukščiau pateiktame šablone:
- “ / “ į priekį pasvirasis brūkšnys naudojamas norint nurodyti reguliariosios išraiškos / šablono ribas.
- “ ^ “ reiškia skaičiaus pradžią.
- “ d “ žymi skaitmenis.
- “ {} “ nurodo ribą, kuri yra „ 6 “.
- “ \ “ pasvirojo brūkšnio simbolis yra pabėgimo simbolis.
- “ $ “ nurodo eilutės pabaigą.
Regex modelis, skirtas patvirtinti mobiliojo telefono numerį
Labai svarbu patvirtinti telefono / mobiliojo telefono numerį HTML formoje. Galiojantis telefono numeris gali būti prieinamas įvairiais formatais, priklausomai nuo vietovės. Sekti nuoroda Norėdami patikrinti skirtingus reguliariuosius skambučius, kad patvirtintumėte telefono numerius.
Čia aptarsime du įprastus formatus, kurių vienas yra tik skaičiai, kurių ilgis yra 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /Aukščiau pateiktas reguliarusis reiškinys rodo, kad galite įvesti tik 10 skaitmenų kaip telefono numerį be jokių skiriamųjų ženklų, pvz., tarpo, ar bet kokio specialaus simbolio, įskaitant „ + “, „ – “ arba „ () “.
Pavyzdys
Pirmiausia sukurkime tinklalapį, o tada naudokite „JavaScript“, kad patvirtintume PIN kodą ir mobiliojo telefono numerį. Eikite į savo HTML failą ir įklijuokite ten šį kodą:
< formos pavadinimas = 'forma' veiksmas = '#' >< įvesties tipas = 'tekstas' id = 'smeigtukas' vietos rezervuaras = 'Įveskite savo PIN kodą' automatinis užbaigimas = 'išjungta' >< br > < br >
< įvesties tipas = 'tekstas' id = 'skaičius' vietos rezervuaras = „Įveskite 10 skaitmenų mobiliojo telefono numerį“ automatinis užbaigimas = 'išjungta' >< br >< br >
< mygtuko tipas = 'Pateikti' paspaudus = 'patvirtinimas()' > Pateikti mygtuką >
forma >
Aukščiau pateiktame kode:
- Pirmiausia sukurkite formą su veiksmu ' # “, tai reiškia, kad duomenys niekur nebus siunčiami.
- Sukurkite du įvesties laukus – vieną PIN kodui, kitą – mobiliojo telefono numeriui.
- Sukurti ' Pateikti “ mygtuką, kuris iškvies „ patvirtinimas () “ būdas patvirtinti PIN kodą ir mobiliojo telefono numerį.
HTML puslapis atrodys taip:
Į žymą