Всем привет. Есть простая форма: поле для ввода телефона (для Украины) и кнопка отправки. С помощью паттерна задал регулярное выражение, но не то. Нужно чтобы в поле при наборе номера отображались 4 символа +380.
а дальше уже пользователь вносит остальные цифры?
вот форма:
Ответ
Я думаю, Вам нужно воспользоваться маской. Например, этой
HTML:
JS:
$(document).ready(function(){
$('.phone-mask').mask('+38-000-000-0000');
});
Update:
Чтобы всё удовлетворяло Вашим требованиям, вот код, я проверил:
Здесь важно заметить, что замену 0 на число, я меняю в глобальных настройках так, чтобы n менялось на число. Тогда введя такую маску, код +380 будет определяться сам.
P.S. Еще хочу заметить по поводу юзабилити. Если Вы не хотите давать менять эту часть телефона - ее, по моему мнению, лучше вынести за пределы инпута. Или, как минимум, в дизайне жестко намекнуть, что эта часть телефона не меняется (например, тусклым цветом шрифта)
Комментариев нет:
Отправить комментарий