Kā pārbaudīt PIN kodu un mobilā tālruņa numuru JavaScript

Ka Parbaudit Pin Kodu Un Mobila Talruna Numuru Javascript



Vietnēs var būt vairākas HTML veidlapas lietotāja datu iegūšanai. Vācot lietotāju datus, galvenā problēma/grūtība ir datu validācija pirms to iesniegšanas datu bāzē. Lai pārbaudītu datus, varat izmantot regulārās izteiksmes, izmantojot JavaScript.

Šajā apmācībā tiks aprakstīta metode PIN kodu un mobilo tālruņu numuru apstiprināšanai, izmantojot JavaScript.

Kā pārbaudīt PIN kodu un mobilā tālruņa numuru JavaScript?

Lai apstiprinātu PIN kodu un mobilā tālruņa numuru, izmantojiet ' regulāras izteiksmes ' Ar ' atbilst() ” metodi JavaScript. Metode match() saskaņo vērtību ar regulāro izteiksmi, ja tā tiek saskaņota, metode atgriezīs patiesu vai arī dos false.







Regex modelis, lai apstiprinātu PIN kodu

PIN kodi parasti ir 4 ciparu, 5 ciparu vai 6 ciparu kodi. Šeit mēs ierakstīsim regulāro izteiksmi 6 ciparu PIN koda apstiprināšanai:



/^ \d { 6 } $ /

Iepriekš minētajā shēmā:



  • ' / ” uz priekšu vērsta slīpsvītra tiek izmantota, lai atsauktos uz regulārās izteiksmes/parauga robežām.
  • ' ^ ” apzīmē skaitļa sākumu.
  • ' d ” apzīmē ciparus.
  • ' {} ” norāda ierobežojumu, kas ir “ 6 ”.
  • ' \ ” atpakaļvērstā slīpsvītra ir atsoļa rakstzīme.
  • ' $ ” norāda virknes beigas.

Regex modelis mobilā numura apstiprināšanai

Ir svarīgi apstiprināt tālruņa/mobilā tālruņa numuru HTML veidlapā. Derīgs tālruņa numurs var būt pieejams dažādos formātos atkarībā no apgabala. Seko saite lai pārbaudītu dažādus regexes, lai apstiprinātu tālruņa numurus.





Šeit mēs apspriedīsim divus izplatītākos formātus, viens ir tikai skaitļi, kuru garums ir 10:

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

Iepriekš minētais regulārais formulējums norāda, ka varat ievadīt tikai 10 ciparus kā tālruņa numuru bez norobežotāja, piemēram, atstarpes, vai jebkādas īpašas rakstzīmes, tostarp “ + ”, “ ” vai “ () ”.



Piemērs

Vispirms izstrādāsim tīmekļa lapu un pēc tam izmantosim JavaScript, lai apstiprinātu PIN kodu un mobilā tālruņa numuru. Dodieties uz savu HTML failu un ielīmējiet tur šādu kodu:

< formas nosaukums = 'veidlapa' darbība = '#' >

< ievades veids = 'teksts' id = 'piespraude' vietturis = 'Ievadiet savu PIN' automātiskā pabeigšana = 'izslēgts' >< br > < br >

< ievades veids = 'teksts' id = 'numurs' vietturis = 'Ievadiet savu 10 ciparu mobilā tālruņa numuru' automātiskā pabeigšana = 'izslēgts' >< br >< br >

< pogas veids = 'Iesniegt' onclick = 'validation ()' > Iesniegt pogu >

formā >

Iepriekš minētajā kodā:

  • Vispirms izveidojiet veidlapu ar darbību ' # ” kas nozīmē, ka dati nekur netiks nosūtīti.
  • Izveidojiet divus ievades laukus, vienu PIN kodam un otru mobilā tālruņa numuram.
  • Izveidojiet ' Iesniegt ' pogu, kas izsauks ' validācija () ” metode, lai apstiprinātu PIN kodu un mobilā tālruņa numuru.

HTML lapa izskatīsies šādi:

Tagā