Question

我想检查一个类是否有值。如果该类具有值，则应删除文本颜色“红色”。现在，当我单击输入字段时，它就可以工作了。我尝试了不同的方法。（事件），但我找不到合适的方法。！重要！我不想检查是否有人输入了内容，就好像班级有值！

$('.form-control-login').on('click', function() {
  $(this).parent().toggleClass('is-empty', this.value.trim().length == 0);
});

.is-empty {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group label-floating is-empty">
  <label class="control-label">Your Email</label>
  <input class="form-control-login" value="test" name="login" autocomplete="username">
</div>

感谢您的帮助！

Answer 1

我想您要尝试的是根据用户类型更新css类，为此，您需要处理keyup事件以更新css类，请尝试

$('input.form-control-login').keyup(function() {
  console.log("changed " + this.value);
  $(this).parent().toggleClass('is-empty', this.value.trim().length === 0);
});

为什么键入事件而不更改事件？

因为更改事件仅在模糊时才会触发，并且您希望在用户将输入设为空后立即以红色突出显示标签，

如果类具有值，如何删除该类？

1 个答案: