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

Пример

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

  1. Я 23 июня 2019, 15:05 # 0
    ублюдство. Если кликнуть по центру маски, не смещается
    1. Андрей 24 января 2020, 07:08 # 0
      По какому центру маски? Ты кликаешь по input!
    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

        [MODx] minishop2 tips

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        [MODx] Создать источник файлов

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

        [PHP] Простое логирование

        Все записи