Событие 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

Попробуйте что-то вроде этого, демо в 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
}

Answer 3

Попробуйте убрать пробел между вводом и именем класса следующим образом:

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