Событие JQuery при изменении ввода с определенным классом

Question

Мне нужно вызвать функцию при изменении текстового поля ввода с определенным классом CSS.

<form class="form-horizontal" role="form" id="infoClient"> 
           <div class="form-group"> 
            <label for="Input" class="col-md-2 col-sm-2 control-label greenIfNotEmpty">Prénom</label> 
            <div class="col-md-4 col-sm-4"> 
             <div class="input-group"> 
              <input type="text" class="form-control" id="Input" placeholder=""> 
              <span class="input-group-addon"> 
               <i class="glyphicon glyphicon-pencil"></i> 
              </span> 
             </div> 
            </div> 
            <label for="disabledTextInput" class="col-md-2 col-sm-2 control-label greenIfNotEmpty">Nom famille</label> 
            <div class="col-md-4 col-sm-4"> 
             <div class="input-group"> 
              <input type="text" id="disabledTextInput2" class="form-control" placeholder=""> 
              <span class="input-group-addon"> 
               <i class="glyphicon glyphicon-pencil"></i> 
              </span> 
             </div> 
            </div> 
           </div> 



    $('input[type='text']').change(function() { ... }); 

Это работает для каждого поля ввода,

$('input[type='text'] .greenIfNotEmpty').change(function() { ... }); 

не работает.

Может ли кто-нибудь помочь мне в этом?

Answer 1

Я чувствую себя тупой, Я приложил класс к ярлыку вместо ввода. Большое спасибо всем.

Answer 2

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

$('input[type='text'].cssClass').change(function() { ... }); 

Answer 3

Попробуйте что-то вроде этого, демо в FIDDLE

JS

$('input:text.red').on('keyup', function() { 
    alert('hello red') 
}); 

HTML

<input type='text' class='red'/><br/> 
<input type='text' class='yellow'/> 

CSS

.red{ 
    background-color:red 
} 

.yellow { 
    background-color:yellow 
}