Top.Mail.Ru

Создание маски для заполнения номера телефона на JQuery

Создание маски для заполнения номера телефона на JQuery

Для создания маски для заполнения номера телефона в формате +7 (911) 000-00-00 на JavaScript, можно использовать библиотеку "inputmask". Вот пример того, как это можно сделать:

Подключаем библиотеку inputmask к вашей HTML странице. Вы можете скачать и подключить библиотеку вручную, или использовать CDN:

<!-- Подключение библиотеки inputmask -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.6/jquery.inputmask.min.js"></script>

Создаем поле ввода для номера телефона и добавьте к нему класс, чтобы применить маску:

<!-- Поле ввода для номера телефона -->
<input type="text" id="phone-input" class="phone-mask" placeholder="+7 (___) ___-__-__">

Инициализируем маску с помощью JavaScript:

<script>
  // Инициализация маски для поля ввода номера телефона
  $(document).ready(function() {
    $('#phone-input').inputmask('+7 (999) 999-99-99');
  });
</script>

После выполнения этих шагов, поле ввода номера телефона будет иметь маску, которая позволит заполнять номер телефона в формате +7 (911) 000-00-00. Знаки "_" будут автоматически заменяться цифрами, вводимыми пользователем.

Автор:

129

Читайте также

1 комментарий

  • Имя автора
    vasilisa1544@mail.ru
    19.09.2023 в 16:55

    Спасибо за помощь)