Denna handledning kommer att beskriva metoden för att validera pinkoder och mobilnummer med JavaScript.
Hur validerar man pinkod och mobilnummer i JavaScript?
För att validera pinkoden och mobilnumret, använd ' vanliga uttryck ' med ' match() ”-metoden i JavaScript. Metoden match() matchar värdet med det reguljära uttrycket, om det matchas kommer metoden att returnera true, annars ger den false.
Regex-mönster för att validera pinkod
Pinkoder är vanligtvis 4-siffriga, 5-siffriga eller 6-siffriga koder. Här kommer vi att skriva regexet för att validera den 6-siffriga pinkoden:
/^ \d { 6 } $ /
I mönstret ovan:
- ' / ” framåt snedstreck används för att referera till gränserna för det reguljära uttrycket/mönstret.
- ' ^ ” representerar början på numret.
- ' d ” anger siffror.
- ' {} ” indikerar gränsen som är ” 6 ”.
- ' \ ” omvänt snedstreck är flykttecken.
- ' $ ” indikerar slutet på strängen.
Regex-mönster för att validera mobilnummer
Det är viktigt att validera telefon-/mobilnumret på ett HTML-formulär. Ett giltigt telefonnummer kan finnas tillgängligt i olika format, beroende på område. Följ länk för att kolla in de olika regexen för att validera telefonnumren.
Här kommer vi att diskutera de två vanliga formaten, ett är bara siffror med en längd på 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /Ovanstående regex indikerar att du bara kan ange 10 siffror som ett telefonnummer utan någon avgränsare som mellanslag eller något specialtecken inklusive ' + ”, “ – ' eller ' () ”.
Exempel
Låt oss först designa webbsidan och sedan använda JavaScript för att validera pinkoden och mobilnumret. Gå till din HTML-fil och klistra in följande kod där:
< formnamn = 'form' handling = '#' >< ingångstyp = 'text' id = 'stift' Platshållare = 'Ange din PIN-kod' autoslutförande = 'av' >< br > < br >
< ingångstyp = 'text' id = 'siffra' Platshållare = 'Ange ditt 10-siffriga mobilnummer' autoslutförande = 'av' >< br >< br >
< knapptyp = 'Skicka in' onclick = 'godkännande()' > Skicka in knapp >
form >
I ovanstående kod:
- Skapa först ett formulär med åtgärden ' # ” vilket innebär att data inte kommer att skickas någonstans.
- Skapa två inmatningsfält, ett för pinkoden och det andra för mobilnumret.
- Skapa en ' Skicka in '-knappen som kommer att anropa ' godkännande() ” metod för att validera pinkoden och mobilnumret.
HTML-sidan kommer att se ut så här:
Klistra in följande kodrader i