Обратная связь



Авторизироваться


Нет аккаунта?
Присоединяйтесь



Забыли пароль?
Восстановление пароля

  • :
  • :
Реклама на сайте Контакты Отзывы Обратная связь Войти / Зарегистрироваться

html: pattern номера телефона в Беларуси

Присоединяйтесь к нам в соц. сетях!

Всем верстальщикам и разработчикам известен такой атрибут как pattern, который задаёт формат ввода данных в поле ввода input. С развитием информационных технологий мобильные телефоны играют очень важную роль в верификации, авторизации клиента. Поэтому практически на любом сайте используются поле ввода номера телефона, но за частую люди пишут только номер (без кода оператора) и в таком случае можно голову сломать как правильно позвонить человеку. Именно для решения данного вопроса и выступает стандартный атрибут pattern. Ниже мы рассмотрим формат задания маски ввода номера телефона в Беларуси, т.к здесь первая цифра номера уже не всегда говорит об привязке к определенному оператору сотовой связи. К примеру номер формата 6хххххх может быть как мтс, так и velcom и life. Приступим:

Создаём форму и в форме поле ввода
input type='tel' placeholder='Ваш номер телефона' required pattern='\s{0,}\+{1,1}375\s{0,}\({0,1}(([2]{1}([5]{1}|[9]{1}))|([3]{1}[3]{1})|([4]{1}[4]{1}))\)\s{0,}[0-9]{3,3}\s{0,}[0-9]{4,4}'

что мы сделали:

для справки - все спецсимволы экранируются обратным слешем '\'

\s{0,} - первый символ это пробел, но т.к минимальное количество его 0, то соответственно его может и не быть.

\+{1,1} - обязательное наличие + перед кодом страны (минимум и максимум 1)

\({0,1} - может быть скобка но одна

(([2]{1}([5]{1}|[9]{1}))|([3]{1}[3]{1})|([4]{1}[4]{1})) - обработка возможных кодов оператора

[0-9]{3,3} - 3 десятичных цифры

[0-9]{4,4} - 4 десятичных цифры