[JS] Маска для ввода телефона +7(___)___-__-__

Подключить библиотеку:

<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery.maskedinput@1.4.1/src/jquery.maskedinput.js" type="text/javascript"></script>

Документация по jQuery.Maskedinput на русском — https://webstool.ru/jquery.maskedinput.html.

Последняя версия и документация на английском — https://github.com/digitalBush/jquery.maskedinput.

    <script src="js/jquery.maskedinput.min.js"></script>
    <input type="text" placeholder="Телефон" class="phone_mask">
    <script>
        $(".phone_mask").mask("+7(999)999-99-99");
    </script>

Пример

Комментарии (8)

  1. Я 23 июня 2019, 15:05 # 0
    ублюдство. Если кликнуть по центру маски, не смещается
    1. Андрей 24 января 2020, 07:08 # 0
      По какому центру маски? Ты кликаешь по input!
      1. zhopabugaya 25 апреля 2020, 12:48 # 0
        [eq пойми чё ты написал, но на данный момент всё норм работает. Да и вообще если такой нивсрацо умный сделай лучше
      2. Василий 08 ноября 2019, 18:19(Комментарий был изменён) # 0
        Как поменять +7… на +38…?
        1. 1 14 января 2020, 15:58 # 0
          $(".phone_mask").mask("+38(999)999-99-99");
        2. Дмитрий 05 февраля 2020, 21:41 # 0
          Вообще хороший скрипт, за исключением одного… как быть с маской где код страны из девяток, например мне нужна маска

          $(".phone_mask").mask("+998(99)999-99-99");

          и получается конечно не правильно, получается так +__8(__)___-__-__ а надо +998(__)___-__-__
          1. Админ 19 февраля 2020, 14:26(Комментарий был изменён) # 0
            Ответ на этот вопрос в переведенной документации по maskedinput.js webstool.ru/jquery.maskedinput.html
          2. Виктор 10 февраля 2022, 20:40 # 0
            Если форма ввода номера телефона генерируется скриптом — js и тег input с селектором изначально не прописан в html коде. Как в примере: arendaofisa.by/podat-obyavlenie.
            В этом случае не срабатывает $(".phone_mask").mask("+7(999)999-99-99"). Как быть в этом случае?
            *Комментарий будет опубликован после проверки модератором

            Похожие статьи

            Наш сайт использует куки, нажмите «ОК» если вы не против
            OK