Jak ověřit PIN kód a mobilní číslo v JavaScriptu

Jak Overit Pin Kod A Mobilni Cislo V Javascriptu



Na webových stránkách může existovat několik HTML formulářů pro získání uživatelských dat. Při shromažďování uživatelských dat je hlavním problémem/obtíží validace dat před jejich odesláním do databáze. Pro ověření dat můžete použít regulární výrazy pomocí JavaScriptu.

Tento tutoriál popisuje metodu ověřování PIN kódů a mobilních čísel pomocí JavaScriptu.

Jak ověřit PIN kód a mobilní číslo v JavaScriptu?

Pro ověření PIN kódu a čísla mobilního telefonu použijte „ regulární výrazy “ s „ zápas() “ metoda v JavaScriptu. Metoda match() odpovídá hodnotě regulárnímu výrazu, pokud se shoduje, metoda vrátí hodnotu true, jinak dá hodnotu false.







Vzor regulárního výrazu pro ověření kódu PIN

PIN kódy jsou obvykle 4místné, 5místné nebo 6místné kódy. Zde napíšeme regulární výraz pro ověření 6místného kódu PIN:



/^ \d { 6 } $ /

Ve výše uvedeném vzoru:



  • / ” znak lomítka se používá k označení hranic regulárního výrazu/vzoru.
  • ^ “ představuje začátek čísla.
  • d “ označuje číslice.
  • {} “ označuje limit, který je „ 6 “.
  • \ ” znak zpětného lomítka je znak escape.
  • $ “ označuje konec řetězce.

Vzor regulárního výrazu pro ověření čísla mobilního telefonu

Je nezbytné ověřit telefonní/mobilní číslo ve formuláři HTML. Platné telefonní číslo může být k dispozici v různých formátech v závislosti na oblasti. Následuj odkaz pro kontrolu různých regulárních výrazů pro ověření telefonních čísel.





Zde probereme dva běžné formáty, z nichž jeden jsou pouze čísla o délce 10:

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

Výše uvedený regulární výraz znamená, že můžete zadat pouze 10 číslic jako telefonní číslo bez jakéhokoli oddělovače, jako je mezera nebo jakýkoli speciální znak včetně „ + “, “ “ nebo „ () “.



Příklad

Nejprve navrhneme webovou stránku a poté pomocí JavaScriptu ověříme PIN kód a mobilní číslo. Přejděte do souboru HTML a vložte do něj následující kód:

< název formuláře = 'formulář' akce = '#' >

< Typ vstupu = 'text' id = 'kolík' zástupný symbol = 'Zadejte svůj PIN' automatické doplňování = 'vypnuto' < br > < br >

< Typ vstupu = 'text' id = 'číslo' zástupný symbol = 'Zadejte své 10místné číslo mobilního telefonu' automatické doplňování = 'vypnuto' < br < br >

< typ tlačítka = 'Předložit' při kliknutí = 'validace()' > Předložit knoflík >

formulář >

Ve výše uvedeném kódu:

  • Nejprve vytvořte formulář s akcí „ # “, což znamená, že data nebudou nikam odesílána.
  • Vytvořte dvě vstupní pole, jedno pro PIN kód a druhé pro mobilní číslo.
  • Vytvořit ' Předložit “, které vyvolá „ validace() ” metoda pro ověření PIN kódu a mobilního čísla.

HTML stránka bude vypadat následovně:

Do značky