Jquery 输入更改事件 class

Question

我需要在更改具有特定 CSS class 的输入文本字段时触发函数。

    <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

尝试删除输入和 class 名称之间的 space，如下所示：

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

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

我觉得很蠢，我已经将 class 附加到 Label 而不是 Input。非常感谢大家。

Jquery 输入更改事件 class

Jquery event on input change with specific class

css

forms

jquery

input

input-field