根据用户行为使用jQuery移除类

Question

我有一个文本框

<input type="text" name="txt1" id="txt1" class="comment">

当选择某个下拉选项时，它已经添加了一个“.error”类：

.error {    
  color:red;
}

但我现在正在尝试在用户开始在文本框中键入内容时删除'.error‘类，如下所示：

if ($('.comment').val().length > 0) {
  removeClass('.error');
}

Answer 1

除了一些小的语法错误之外，主要的问题是您希望何时调用该代码。要检查每次击键，请使用keyup()。如果检查this上的value和removeClass() (这是键入关键字的特定元素)，就会有多个具有相同行为的.comment字段。

​

$('.comment').keyup(
  function() {
    if (this.value.length > 0) {
      $(this).removeClass('error');
    }
  }
)

.error {
  background-color: red;   // changed for easier demo visibility
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input type="text" name="txt1" id="txt1" class="comment error">
<input type="text" name="txt2" id="txt2" class="comment error">

​

Answer 2

试一试

$('.comment').removeClass('error');