jquery - 根据用户行为使用 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">