[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(___)___-__-__

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

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

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

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

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

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

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

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

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

              Заготовки JavaScript

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

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

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

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

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

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

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

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

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

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