Ako overiť PIN kód a mobilné číslo v JavaScripte

Ako Overit Pin Kod A Mobilne Cislo V Javascripte



Na webových stránkach môže existovať viacero formulárov HTML na získanie údajov používateľa. Pri zhromažďovaní používateľských údajov je hlavným problémom/ťažkosťou overenie údajov pred ich odoslaním do databázy. Na overenie údajov môžete použiť regulárne výrazy pomocou JavaScriptu.

Tento tutoriál popisuje metódu overovania PIN kódov a mobilných čísel pomocou JavaScriptu.

Ako overiť PIN kód a mobilné číslo v JavaScripte?

Na overenie PIN kódu a mobilného čísla použite „ regulárne výrazy “ s „ zápas() “ metóda v JavaScripte. Metóda match() zhoduje hodnotu s regulárnym výrazom, ak sa zhoduje, metóda vráti hodnotu true, inak dá hodnotu false.







Vzor regulárneho výrazu na overenie kódu PIN

PIN kódy sú zvyčajne 4-miestne, 5-miestne alebo 6-miestne kódy. Tu napíšeme regulárny výraz na overenie 6-miestneho kódu PIN:



/^ \d { 6 } $ /

Vo vyššie uvedenom vzore:



  • / ” znak lomky sa používa na označenie hraníc regulárneho výrazu/vzoru.
  • ^ “ predstavuje začiatok čísla.
  • d “ označuje číslice.
  • {} “ označuje limit, ktorý je „ 6 “.
  • \ ” znak spätnej lomky je únikový znak.
  • $ “ označuje koniec reťazca.

Vzor regulárneho výrazu na overenie čísla mobilného telefónu

Je nevyhnutné overiť telefónne/mobilné číslo vo formulári HTML. Platné telefónne číslo môže byť dostupné v rôznych formátoch v závislosti od oblasti. Nasleduj odkaz skontrolovať rôzne regulárne výrazy na overenie telefónnych čísel.





Tu budeme diskutovať o dvoch bežných formátoch, jedným sú len čísla s dĺžkou 10:

/^ \d { 3 } \d { 3 } \d { 4 } $ /

Vyššie uvedený regulárny výraz znamená, že ako telefónne číslo môžete zadať iba 10 číslic bez akéhokoľvek oddeľovača, ako je medzera alebo akéhokoľvek špeciálneho znaku vrátane „ + “, “ “ alebo „ () “.



Príklad

Najprv navrhneme webovú stránku a potom pomocou JavaScriptu overíme PIN kód a mobilné číslo. Prejdite do súboru HTML a vložte doň nasledujúci kód:

< názov formulára = 'forma' akcie = '#' >

< typ vstupu = 'text' id = 'pin' zástupný symbol = 'Zadajte svoj PIN' automatické dopĺňanie = 'vypnuté' < br > < br >

< typ vstupu = 'text' id = 'číslo' zástupný symbol = „Zadajte svoje 10-miestne číslo mobilného telefónu“ automatické dopĺňanie = 'vypnuté' < br < br >

< typ tlačidla = 'Predložiť' po kliknutí = 'validácia()' > Predložiť tlačidlo >

formulár >

Vo vyššie uvedenom kóde:

  • Najprv vytvorte formulár s akciou „ # “, čo znamená, že údaje sa nikam neodošlú.
  • Vytvorte dve vstupné polia, jedno pre PIN kód a druhé pre mobilné číslo.
  • Vytvor ' Predložiť “, ktoré vyvolá funkciu „ validácia() ” spôsob overenia PIN kódu a mobilného čísla.

HTML stránka bude vyzerať takto:

Do značky