Овај водич ће описати метод за валидацију пин кодова и бројева мобилних телефона помоћу ЈаваСцрипт-а.
Како потврдити ПИН код и број мобилног телефона у ЈаваСцрипт-у?
Да бисте потврдили ПИН код и број мобилног телефона, користите „ регуларни изрази ' са ' утакмица() ” метод у ЈаваСцрипт-у. Метода матцх() поклапа вредност са регуларним изразом, ако се подудара, метод ће вратити тачно, или ће у супротном дати лаж.
Регек образац за потврду ПИН кода
Пин кодови су обично 4-цифрени, 5-цифрени или 6-цифрени кодови. Овде ћемо написати регуларни израз за валидацију 6-цифреног пин кода:
/^ \д { 6 } $ /
У горњем обрасцу:
- “ / ” карактер косе црте се користи за упућивање на границе регуларног израза/образца.
- “ ^ ” представља почетак броја.
- “ д ” означава цифре.
- “ {} ” означава границу која је “ 6 ”.
- “ \ ” обрнута коса црта је излазни знак.
- “ $ ” означава крај низа.
Регек образац за потврду броја мобилног телефона
Неопходно је потврдити број телефона/мобилног телефона на ХТМЛ обрасцу. Важећи број телефона може бити доступан у различитим форматима, у зависности од области. Пратите линк да проверите различите регуларне изразе да бисте потврдили бројеве телефона.
Овде ћемо разговарати о два уобичајена формата један су само бројеви дужине 10:
/^ \д { 3 } \д { 3 } \д { 4 } $ /Горњи регуларни израз означава да можете да унесете само 10 цифара као телефонски број без икаквог граничника као што је размак или било који посебан знак укључујући „ + ”, “ – ” или “ () ”.
Пример
Хајде да прво дизајнирамо веб страницу, а затим употребимо ЈаваСцрипт да бисмо потврдили пин код и број мобилног телефона. Идите на своју ХТМЛ датотеку и тамо налепите следећи код:
< име форме = 'форма' поступак = '#' >< тип уноса = 'текст' ид = 'пин' чувар места = „Унесите свој ПИН“ аутоцомплете = 'ван' >< бр > < бр >
< тип уноса = 'текст' ид = 'број' чувар места = „Унесите свој десетоцифрени број мобилног телефона“ аутоцомплете = 'ван' >< бр >< бр >
< тип дугмета = 'прихвати' онцлицк = 'валидација()' > прихвати дугме >
форму >
У горњем коду:
- Прво направите образац са акцијом „ # ” што значи да подаци неће бити послани нигде.
- Направите два поља за унос, једно за пин код, а друго за број мобилног телефона.
- Створити ' прихвати ” дугме које ће позвати „ валидација() ” метод за проверу пин кода и броја мобилног телефона.
ХТМЛ страница ће изгледати овако:
У ознаку <сцрипт> или ЈаваСцрипт датотеку, налепите следеће линије кода:
валидација функције ( пин, мобилни ){
вас пин = документ. гетЕлементБиИд ( 'пин' ) . вредност ;
био мобилеНумбер = документ. гетЕлементБиИд ( 'број' ) . вредност ;
пинРегекПаттерн = /^ \д { 6 } $ /;
мобРегекПаттерн = /^ \д { 3 } \д { 3 } \д { 4 } $ /;
ако ( пин. утакмица ( пинРегекПаттерн ) && мобилеНумбер. утакмица ( мобРегекПаттерн ) )
{
узбуна ( „Пин и број мобилног телефона су потврђени!“ ) ;
ретурнтруе ;
}
ако ( пин. утакмица ( пинРегекПаттерн ) 6 ) {
узбуна ( „Пин мора да има 6 цифара!“ ) ;
ретурнтруе ;
}
друго
{
узбуна ( „Унели сте неважећи ПИН и број мобилног телефона!“ ) ;
ретурнфалсе ;
}
}
У горњем исечку:
- Прво дефинишите функцију ' валидација ” са два параметра, “ пин ' и ' мобилни ”.
- Добијте улазне вредности текстуалних поља, као што су број мобилног телефона и пин код.
- Дефинишите обрасце регуларног израза и за пин код и за број мобилног телефона.
- Сада, у условном исказу, проверите улазне вредности пин кода и броја мобилног телефона и позовите методу матцх() проследивањем редовног израза који ће проверити да ли вредност одговара шаблону. Ако се поклапа, метода ће исписати тачно, у супротном враћа нетачно.
У излазу можете видети да ли је пин код мањи или већи од ограничења “ 6 “, појављује се упозорење. Ако се пин и број мобилног телефона подударају са датим шаблоном, приказаће се порука за потврду:
Сада ћемо користити други образац за валидацију бројева мобилних телефона који су дужине 13, укључујући граничник (+) који ће означавати позивни број земље:
/^ [ \ + ] [ 0 - 9 ] { 2 } [ 0 - 9 ] { 3 } [ 0 - 9 ] { 3 } [ 0 - 9 ] { 4 } $ /У горњем обрасцу регуларног израза:
- “ ^ ” означава почетак низа.
- Границе регуларног израза су означене косом цртом унапред „ / ”.
- “ {} ” представља границу.
- “ $ ” означава да је низ завршио.
- “ [0-9]{2}.. .” представља две цифре поред граничника + у распону од 0 до 9.
У ЈаваСцрипт коду ћемо користити исти горњи код тако што ћемо заменити само „ мобилеРегекПаттерн ”:
мобРегекПаттерн = /^ [ \ + ] [ 0 - 9 ] { 2 } [ 0 - 9 ] { 3 } [ 0 - 9 ] { 3 } [ 0 - 9 ] { 4 } $ /;Излаз
То се односило на валидацију ПИН кода и броја мобилног телефона у ЈаваСцрипт-у.
Закључак
Да бисте потврдили пин кодове и бројеве мобилних телефона, користите „ регуларни изрази ' са ' утакмица() ” метод, који ће ускладити улазне вредности са датим шаблоном; ако се подудара, враћа тачно, или у супротном даје нетачно. У овом водичу описали смо метод за валидацију пин кодова и бројева мобилних телефона помоћу ЈаваСцрипт-а.