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

Пример

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

  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"). Как быть в этом случае?
            1. Егор 18 мая 2023, 08:54 # 0
              Четко сделал
              *Комментарий будет опубликован после проверки модератором

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

              jQuery.Maskedinput js - документация на русском с примерами

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

              Отключить автозаполнение input

              Настройка Webpack - несколько точек входа и разделение на чанки

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

              Слайдер Slick slider в контенте ресурса

              Как сделать переменную не реактивной в Vue

              Bxslider отображение картинок после полной загрузки слайдера

              Как обработать POST данные в PHP

              Примеры использования Vuex

              Выполнить код после асинхронного запроса axios во Vue

              Как вызвать метод из другого компонента Vue

              Заготовки JavaScript

              Рекурсивно вложенный компонент Vue

              Связать значения инпутов через jQuery (биндинг)

              Настроить Axios чтобы принимал только JSON

              Использование async/await в JavaScript с Vue.js

              Js-beautify - библиотека для форматирования HTML, CSS, JS

              Использование Promise.all с примерами на VueJs

              Создание цикла асинхронных вызовов во Vue.js

              Манипуляция с HTML во Vue.js и cash-dom

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