В этом руководстве описывается метод проверки пин-кодов и мобильных номеров с помощью JavaScript.
Как проверить пин-код и номер мобильного телефона в JavaScript?
Чтобы подтвердить PIN-код и номер мобильного телефона, используйте « обычные выражения ” с “ соответствовать() ” в JavaScript. Метод match() сопоставляет значение с регулярным выражением, если оно совпадет, метод вернет true, иначе он выдаст false.
Шаблон регулярного выражения для проверки пин-кода
Пин-коды обычно представляют собой 4-значные, 5-значные или 6-значные коды. Здесь мы напишем регулярное выражение для проверки 6-значного пин-кода:
/^ \ д { 6 } $ /
В приведенном выше шаблоне:
- “ / ” косая черта используется для обозначения границ регулярного выражения/шаблона.
- “ ^ ” представляет начало числа.
- “ г ” обозначает цифры.
- “ {} ” указывает предел, который составляет “ 6 ».
- “ \ Символ обратной косой черты — это escape-символ.
- “ $ ” указывает на конец строки.
Шаблон регулярного выражения для проверки номера мобильного телефона
Важно подтвердить номер телефона/мобильного телефона в HTML-форме. Действительный номер телефона может быть доступен в различных форматах, в зависимости от региона. Следовать соединять чтобы проверить различные регулярные выражения для проверки телефонных номеров.
Здесь мы обсудим два распространенных формата: один — это просто числа длиной 10:
/^ \ д { 3 } \ д { 3 } \ д { 4 } $ /Приведенное выше регулярное выражение указывает, что вы можете ввести только 10 цифр в качестве номера телефона без каких-либо разделителей, таких как пробел, или каких-либо специальных символов, включая « + », « – ' или же ' () ».
Пример
Давайте сначала создадим веб-страницу, а затем используем JavaScript для проверки пин-кода и номера мобильного телефона. Перейдите в свой HTML-файл и вставьте туда следующий код:
< имя формы знак равно 'форма' действие знак равно '#' >< тип ввода знак равно 'текст' я бы знак равно 'приколоть' заполнитель знак равно 'Введите свой PIN-код' автозаполнение знак равно 'выключенный' >< бр > < бр >
< тип ввода знак равно 'текст' я бы знак равно 'количество' заполнитель знак равно 'Введите свой 10-значный номер мобильного телефона' автозаполнение знак равно 'выключенный' >< бр >< бр >
< тип кнопки знак равно 'представить' по щелчку знак равно 'Проверка()' > Представлять на рассмотрение кнопка >
форма >
В приведенном выше коде:
- Сначала создайте форму с действием « # », что означает, что данные никуда не будут отправлены.
- Создайте два поля ввода, одно для пин-кода, а другое для номера мобильного телефона.
- Создать ' представить », которая вызовет « Проверка() ” для проверки пин-кода и номера мобильного телефона.
HTML-страница будет выглядеть следующим образом:
В тег