Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.05.2020, 23:39
Новичок на форуме
Отправить личное сообщение для gar1999 Посмотреть профиль Найти все сообщения от gar1999
 
Регистрация: 25.05.2020
Сообщений: 3

Повесить дополнительный обработчик на input с jQuery masked input
Есть необходимость добавить обработчик
"$('.phone_input').on('input', function() {..."
на поле ввода телефона, на которое уже поставлена маска плагина jQuery masked input.

// так мой обработчик НЕ РАБОТАЕТ
<html>
<input class="phone_input"></div>

<script>
$(".phone_input").on("input", function() {
console.log($(".phone_input").val());
});

$(".phone_input").mask("+7 (999) 999-9999");



// а без masked input'a - обработчик работает замечательно

<html>
<input class="phone_input"></div>

<script>
$(".phone_input").on("input", function() {
console.log($(".phone_input").val());
});

Мне нужно, чтобы и плагин работал, и я мог ставить на элемент свои обработчики.
Помогите, пожалуйста, разобраться, в чём проблема, и как её исправить.

Ссылки на плагин:
https://plugins.jquery.com/maskedinput/
https://github.com/digitalBush/jquery.maskedinput

Заранее спасибо, ребята.
Ответить с цитированием
  #2 (permalink)  
Старый 26.05.2020, 00:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

gar1999,
$("body").on("change", ".phone_input", function() {
console.log(this.value);
});


сработает при потере фокуса при наличии номера согласно маске
Ответить с цитированием
  #3 (permalink)  
Старый 26.05.2020, 10:37
Новичок на форуме
Отправить личное сообщение для gar1999 Посмотреть профиль Найти все сообщения от gar1999
 
Регистрация: 25.05.2020
Сообщений: 3

рони,
доброго дня и большое спасибо.

Но всё же, мне хотелось бы on("input"), а не on("change").

Дело в том, что к телефонам привязаны промокоды, и мне хотелось бы при попытке пользователя изменить телефон (т.е. любой ввод в уже заполненное поле), уведомлять этого пользователя, что если он изменит телефон, ему придётся перепроверить промокод.

Можно ли реализовать такой вариант?

И если Вам не сложно и не отнимет много времени, всё же почему не работает моя конструкция? Почему не срабатывает on("input"?

Ещё раз спасибо.
Ответить с цитированием
  #4 (permalink)  
Старый 26.05.2020, 13:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от gar1999
Почему не срабатывает on("input"?
потому что плагин стирает все обработчики.
Сообщение от gar1999
при попытке пользователя изменить телефон
что мешает проверить номер по change?
может поискать другой плагин?
https://javascript.ru/forum/dom-wind...tml#post465304
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заполнение input значением переменной с помощю jQuery barkov Общие вопросы Javascript 2 19.04.2012 15:47
jQuery и Input - > radio yu_ jQuery 3 02.04.2010 00:43
jquery и input text tazododu jQuery 3 19.02.2010 09:55
jQuery watermark input field jquery_watermark Armen jQuery 4 29.12.2009 23:15
Обработчик события: как делает jquery? Shasoft jQuery 35 22.04.2009 09:41