jquery - 如何在每次输入更改时更改(添加)DIV 类？

Question

我问是否可以在输入更改/验证时将类动态更改(添加)到 DIV。少说，例如我有两个类:成功和错误。 HTML 标记基本上是这样的:

<div class="control-group">
    <label class="control-label" for="inputFirstName">First Name: <span class="text-error">*</span></label>
    <div class="controls">
        <input type="text" id="inputFirstName" placeholder="John">
    </div>
</div>

因此，当我用一些值填充输入时(无论是否正确，因为我通过 PHP 处理验证)，那么我应该在 control-group 之后写 success当输入留空时，类或错误。我如何使用 jQuery 做到这一点？

Answer 1

您可以使用focusout方法

$("#inputFirstName").focusout(function() {
    var isValid; //Set to either true or false
    isValid ? $(".control-group").addClass("success") : $(".control-group").addClass("error");
});