Страницы

Поиск по вопросам

четверг, 28 марта 2019 г.

Как в поле ввода номера задать регулярное выражение для укр. телефона со статическими +380 …?

Всем привет. Есть простая форма: поле для ввода телефона (для Украины) и кнопка отправки. С помощью паттерна задал регулярное выражение, но не то. Нужно чтобы в поле при наборе номера отображались 4 символа +380. а дальше уже пользователь вносит остальные цифры? вот форма:


Ответ

Я думаю, Вам нужно воспользоваться маской. Например, этой
HTML:

JS:
$(document).ready(function(){ $('.phone-mask').mask('+38-000-000-0000'); });
Update:
Чтобы всё удовлетворяло Вашим требованиям, вот код, я проверил:

Здесь важно заметить, что замену 0 на число, я меняю в глобальных настройках так, чтобы n менялось на число. Тогда введя такую маску, код +380 будет определяться сам.
P.S. Еще хочу заметить по поводу юзабилити. Если Вы не хотите давать менять эту часть телефона - ее, по моему мнению, лучше вынести за пределы инпута. Или, как минимум, в дизайне жестко намекнуть, что эта часть телефона не меняется (например, тусклым цветом шрифта)

Комментариев нет:

Отправить комментарий