Маска телефона на Jquery

WKTP

Постоялец
Регистрация
5 Сен 2013
Сообщения
53
Реакции
7
День добрый!

Время от времени клиенты при оформлении заказа и т.п. вбивают номер телефона кто с 7, кто с 8, с + и без, иногда получаем кривой номер — +7 (891) 755-55-55
Где 917 код, остальное номер(

Сама маска реализована через jquery.maskedinput.js
Скрытое содержимое доступно для зарегистрированных пользователей!

Код:
<script src="jquery-2.1.1.min.js"></script>
<script src="jquery.maskedinput.js"></script>
<script>
$(function() {
        $("#phone").mask("+7 (999) 999-99-99");
});
</script>
</head>
<body>
<input type="tel" class="form-control" id="phone" name="phone">

Видел на сайте
Скрытое содержимое доступно для зарегистрированных пользователей!
, который сделан на bitrix, маску в которой вводишь +7, 7, 8, +8 получается всегда +7 или сразу код, при этом в коде города 8 в начале! не дает ввести, только с 9, потом 8 вводится и дальше все как обычно, выдернуть не смог!

В результате как бы не вводил в начале 7, 8 с плюсом или без, сразу с кода, в итоге получаю +7 (918) 555-55-55

Как реализовать такое же?

Спасибо
 
Там оно на Vue написано. Исходники ты вряд-ли найдёшь.
А так можешь хоть на чистом JS-е написать.
Вешаешь обработчик события на поле ввода и в зав-ти от введённого символа и текущей позиции изменяешь содержимое поля.
 
Назад
Сверху