[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>

Пример

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

  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
          *Комментарий будет опубликован после проверки модератором

          [MODx] Генератор настроек MIGX

          [MODx, MIGx] Документация на русском по MIGX

          [MODX] Импорт и экспорт в MiniShop2. Реализация 1

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

          [MODx] minishop2 tips

          Как включить HTTPS (SSL) в MODX - Подробная инструкция

          [MODx, miniShop2] Генерация YML для выгрузки в маркет

          [MODx] Подсказки по API

          [OpenCart] Вывести на главную все категории с картинками

          [MODx] Сайт на обслуживании (выключить сайт)

          [MODx, MIGX] Примеры использования

          [PHP, JSON] Пример перевода с помощью Yandex Translate API

          Универсальная форма обратной связи — feedBackForm

          Расширение свойств товаров minishop2

          [MODx, Gallery] Галерея. Вывести обложки альбомов и фотографии

          [Opencart] Вернуть английский язык, если вы его удалили

          [OpenCart] Вывести модуль напрямую через контроллер

          [MODX, MIGX] Вывести getImageList только если он не пустой

          [MODx, Quip] Более рабочий вариант.

          [MODX, MIGX] Тип поля "Список ресурсов" (resourcelist) с ограничением по родителю (parents)

          [MODX] pThumb - ресайз изображений. Примеры использования.

          Красивое адаптивное меню под pdoMenu

          [MODX, MiniShop2] Примеры выборки where, optionFilters, innerJoin

          [MODx] Вывод tv-параметров в формате [название TV] - [значение TV]

          [MODX] Вывести список всех опций MiniShop2

          Все записи

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