Ez az oktatóanyag a PIN kódok és mobilszámok JavaScript használatával történő érvényesítésének módszerét írja le.
Hogyan ellenőrizhető a PIN kód és a mobilszám a JavaScriptben?
A PIN kód és a mobilszám érvényesítéséhez használja a „ reguláris kifejezések ' a ... val ' mérkőzés() ” módszer JavaScriptben. A match() metódus megfelelteti az értéket a reguláris kifejezésnek, ha megfeleltet, a metódus igazat ad vissza, vagy hamis értéket ad vissza.
Regex minta a PIN-kód érvényesítéséhez
A PIN-kódok általában 4-, 5- vagy 6-jegyű kódok. Itt írjuk a reguláris kifejezést a 6 számjegyű PIN-kód érvényesítéséhez:
/^ \d { 6 } $ /
A fenti mintában:
- ' / ” előre perjel karakter a reguláris kifejezés/minta határaira utal.
- ' ^ ” a szám kezdetét jelenti.
- ' d ” számjegyeket jelöl.
- ' {} ' azt a határt jelzi, amely ' 6 ”.
- ' \ ” fordított perjel karakter a escape karakter.
- ' $ ” jelzi a karakterlánc végét.
Regex minta a mobilszám érvényesítéséhez
Elengedhetetlen a telefonszám/mobilszám érvényesítése egy HTML űrlapon. Egy érvényes telefonszám különböző formátumokban állhat rendelkezésre, a területtől függően. Kövesd a link hogy ellenőrizze a különböző reguláris kifejezéseket a telefonszámok érvényesítéséhez.
Itt a két elterjedt formátumról fogunk beszélni, az egyik csak 10 hosszúságú szám:
/^ \d { 3 } \d { 3 } \d { 4 } $ /A fenti reguláris kifejezés azt jelzi, hogy telefonszámként mindössze 10 számjegyet adhat meg határolójelek, például szóköz vagy speciális karakterek, például ' + ”, „ – ” vagy „ () ”.
Példa
Először tervezzük meg a weboldalt, majd JavaScript segítségével ellenőrizzük a PIN-kódot és a mobilszámot. Lépjen a HTML-fájlba, és illessze be a következő kódot:
< forma neve = 'forma' akció = '#' >< bemeneti típus = 'szöveg' id = 'tű' helykitöltő = 'Adja meg PIN-kódját' automatikus kiegészítés = 'ki' >< br > < br >
< bemeneti típus = 'szöveg' id = 'szám' helykitöltő = 'Adja meg 10 számjegyű mobilszámát' automatikus kiegészítés = 'ki' >< br >< br >
< gomb típusa = 'Beküldés' kattintásra = 'érvényesítés()' > Beküldés gomb >
forma >
A fenti kódban:
- Először hozzon létre egy űrlapot a következő művelettel # ” ami azt jelenti, hogy az adatokat nem küldik sehova.
- Hozzon létre két beviteli mezőt, az egyiket a PIN-kódhoz, a másikat a mobilszámhoz.
- Hozzon létre egy ' Beküldés ” gomb, amely meghívja a „ érvényesítés() ” módszer a PIN-kód és a mobilszám érvényesítéséhez.
A HTML oldal a következőképpen fog kinézni:
Illessze be a következő kódsorokat a