0

Маска подключена два раза. Первый раз работает второй - нет. Библиотека подключена правильно.

`<input  name="phone" id="phone1" placeholder="Введите Ваш номер телефона" class="buy-form__input form-control" required="true">
<script>
//Код jQuery, установливающий маску для ввода телефона элементу input
//1. После загрузки страницы,  когда все элементы будут доступны выполнить...
$(function(){
  //2. Получить элемент, к которому необходимо добавить маску
  $("#phone1").mask("+38(099) 99-99-999");
});
</script>`

Этот фрагмент работает! Следующий нет.

 `<input  name="phone" id="phone" placeholder="Введите Ваш номер телефона" class="buy-form__input form-control" required="true">
<script>
//Код jQuery, установливающий маску для ввода телефона элементу input
//1. После загрузки страницы,  когда все элементы будут доступны выполнить...
$(function(){
  //2. Получить элемент, к которому необходимо добавить маску
  $("#phone").mask("+38(099) 99-99-999");
});
</script>`
1
  • зачем два раза? обращайтесь не по id, а class ` $(".phone").mask("+38(099) 99-99-999");` 8 сен 2018 в 20:48

1 ответ 1

1

Все работает, причина явно не в плагине

<input name="phone" placeholder="Введите Ваш номер телефона" required>
<input name="phone" placeholder="Введите Ваш номер телефона" required>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
<script>

  jQuery(function($) {
    $("input[name=phone]").mask("+38(099) 99-99-999");
  });
  
</script>

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.