Ilalarawan ng tutorial na ito ang paraan para sa pagpapatunay ng mga pin code at mobile number gamit ang JavaScript.
Paano I-validate ang Pin Code at Mobile Number sa JavaScript?
Upang patunayan ang Pin code at Mobile number, gamitin ang “ mga regular na expression ' kasama ang ' tugma() ” paraan sa JavaScript. Ang pamamaraan ng tugma () ay tumutugma sa halaga sa regular na expression, kung ito ay maitugma, ang pamamaraan ay magbabalik ng true, o kung hindi, ito ay magbibigay ng false.
Regex Pattern para I-validate ang Pin Code
Ang mga pin code ay karaniwang 4-digit, 5-digit, o 6-digit na code. Dito, isusulat namin ang regex para sa pagpapatunay ng 6-digit na pin code:
/^ \d { 6 } $ /
Sa pattern sa itaas:
- “ / ” Ang character na forward slash ay ginagamit upang sumangguni sa mga hangganan ng regular na expression/pattern.
- “ ^ ” ay kumakatawan sa simula ng numero.
- “ d ” nagsasaad ng mga digit.
- “ {} ' ay nagpapahiwatig ng limitasyon na ' 6 ”.
- “ \ ” backslash character ay ang escape character.
- “ $ ” ay nagpapahiwatig ng dulo ng string.
Regex Pattern para I-validate ang Mobile Number
Mahalagang i-validate ang numero ng telepono/mobile sa isang HTML form. Ang isang wastong numero ng telepono ay maaaring makuha sa iba't ibang mga format, depende sa lugar. Sundin ang link upang tingnan ang iba't ibang mga regexe para mapatunayan ang mga numero ng telepono.
Dito, tatalakayin natin ang dalawang karaniwang format na isa ay mga numero lamang na may haba na 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /Ang regex sa itaas ay nagpapahiwatig na maaari kang magpasok ng 10 digit lamang bilang isang numero ng telepono nang walang anumang delimiter tulad ng espasyo, o anumang espesyal na karakter kasama ang ' + ”, “ – 'o' () ”.
Halimbawa
Idisenyo muna natin ang web page at pagkatapos ay gamitin ang JavaScript upang patunayan ang pin code at numero ng mobile. Pumunta sa iyong HTML file at i-paste ang sumusunod na code doon:
< pangalan ng form = 'porma' aksyon = '#' >< uri ng input = 'text' id = 'pin' placeholder = 'Ilagay ang iyong PIN' autocomplete = 'off' >< br > < br >
< uri ng input = 'text' id = 'numero' placeholder = 'Ilagay ang iyong 10 digit na Numero ng Mobile' autocomplete = 'off' >< br >< br >
< uri ng pindutan = 'ipasa' onclick = 'pagpapatunay()' > Ipasa pindutan >
anyo >
Sa code sa itaas:
- Una, lumikha ng isang form na may aksyon na ' # ” na nangangahulugan na ang data ay hindi ipapadala kahit saan.
- Gumawa ng dalawang input field, isa para sa pin code at isa para sa mobile number.
- Gumawa ng ' ipasa 'button na tatawag sa ' pagpapatunay() ” paraan para ma-validate ang pin code at mobile number.
Ang HTML na pahina ay magiging ganito ang hitsura:
Sa tag na