Този урок ще опише метода за валидиране на пин кодове и мобилни номера с помощта на JavaScript.
Как да валидирате ПИН кода и мобилния номер в JavaScript?
За да потвърдите ПИН кода и мобилния номер, използвайте „ регулярни изрази ” с „ съвпада() ” в JavaScript. Методът match() съпоставя стойността с регулярния израз, ако се намери съвпадение, методът ще върне true или в противен случай ще даде false.
Regex Pattern за валидиране на ПИН код
ПИН кодовете обикновено са 4-цифрени, 5-цифрени или 6-цифрени кодове. Тук ще напишем регулярния израз за валидиране на 6-цифрения пин код:
/^ \д { 6 } $ /
В горния модел:
- “ / ” символът за наклонена черта се използва за обозначаване на границите на регулярния израз/модел.
- “ ^ ” представлява началото на числото.
- “ д ” обозначава цифри.
- “ {} ” показва ограничението, което е „ 6 ”.
- “ \ ” обратна наклонена черта е символът за избягване.
- “ $ ” показва края на низа.
Regex Pattern за валидиране на мобилен номер
Важно е да потвърдите телефонния/мобилния номер в HTML формуляр. Валиден телефонен номер може да е наличен в различни формати в зависимост от района. Следвай връзка за да проверите различните регулярни изрази, за да потвърдите телефонните номера.
Тук ще обсъдим двата често срещани формата, единият е само числа с дължина 10:
/^ \д { 3 } \д { 3 } \д { 4 } $ /Горният регулярен израз показва, че можете да въведете само 10 цифри като телефонен номер без разделител като интервал или специален знак, включително „ + ”, “ – ' или ' () ”.
Пример
Нека първо проектираме уеб страницата и след това използваме JavaScript, за да потвърдим ПИН кода и мобилния номер. Отидете до вашия HTML файл и поставете следния код там:
< име на формуляр = 'форма' действие = '#' >< тип вход = 'текст' документ за самоличност = 'щифт' контейнер = „Въведете своя ПИН“ автоматично довършване = 'изключен' >< бр > < бр >
< тип вход = 'текст' документ за самоличност = 'номер' контейнер = „Въведете своя 10-цифрен мобилен номер“ автоматично довършване = 'изключен' >< бр >< бр >
< тип бутон = 'Изпращане' onclick = 'валидиране()' > Изпращане бутон >
форма >
В горния код:
- Първо създайте формуляр с действието „ # ”, което означава, че данните няма да бъдат изпратени никъде.
- Създайте две полета за въвеждане, едното за ПИН кода, а другото за мобилния номер.
- Създавам ' Изпращане “, който ще извика „ валидиране () ” метод за валидиране на ПИН кода и мобилния номер.
HTML страницата ще изглежда по следния начин:
В тага