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

Тема в разделе "Другие языки", создана пользователем WKTP, 25 апр 2020.

XEvil 4.0 Релиз Состоялся!
  1. WKTP

    WKTP Постоялец

    Регистр.:
    5 сен 2013
    Сообщения:
    52
    Симпатии:
    4
    День добрый!

    Время от времени клиенты при оформлении заказа и т.п. вбивают номер телефона кто с 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

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

    Спасибо
     
  2. Sorcus

    Sorcus Sorcus. A New Beginning.

    Moderator
    Регистр.:
    10 июл 2011
    Сообщения:
    494
    Симпатии:
    854
    Там оно на Vue написано. Исходники ты вряд-ли найдёшь.
    А так можешь хоть на чистом JS-е написать.
    Вешаешь обработчик события на поле ввода и в зав-ти от введённого символа и текущей позиции изменяешь содержимое поля.
     
  3. ec83840ae9

    ec83840ae9 Писатель

    Регистр.:
    19 апр 2020
    Сообщения:
    7
    Симпатии:
    2