OnChange функция массива ввода текста JQuery

Question

Привет У меня есть массив ввода текста все они имеют один и тот же класс, так что я хочу, чтобы положить событие OnChange с JQuery для каждого из них.

Мой HTML-код:

<input type="text" class="form-control placementTest" data-mask=''> 

и мой браузер:

$('.placementTest').each(function() { 
      $(this).on('change',function (ev) { 
       alert('done it'); 
      }); 
     }); 

, но это не работает. Итак, что не так?

Answer 1

ваше событие должно запускаться после редактирования (то же самое при размытии).

Если вам нужно активировать, когда пользователь вводит что-то, попробуйте использовать «keydown» для клавиш «keydown», «keypress» и т. Д. Пример ниже!

$('.placementTest').each(function() { 
 
      $(this).on('keypress',function (ev) { 
 
       alert('done it'); 
 
      }); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
input 1 <input type="text" class="form-control placementTest" data-mask=''> 
 
input 2 <input type="text" class="form-control placementTest" data-mask=''> 
 
input 3 <input type="text" class="form-control placementTest" data-mask=''>

P.S. это прекрасно работает!

Answer 2

Нет необходимости в $('.placementTest').each. Кроме того, с входом, вы хотите KeyUp события Просто нужен

$('.placementTest').keyup(function() { 
     //do stuff 

    }) 

или огнь, когда пользователь покидает вход:

$('.placementTest').blur(function() { 
//do stuff 

}) 

скрипку http://jsfiddle.net/qpu0Lsth/2/

Answer 3

Похоже, у вас есть два класса в разметки. Попробуйте использовать один класс