jQuery - 捕获输入字段验证状态的变化

Question

我的表单中有一个输入字段，其中包含以下 class：

class="form-group field-sale-first_name required"

并且在客户端验证之后，它可以添加两个不同的 classes 之一。

class="form-group field-sale-first_name required has-success"

或

class="form-group field-sale-first_name required has-error"

我正在尝试使用 jQuery 方法 hasClass() 捕获此 class 成功的错误状态，但即使在 .has-error 或 has-success 是没有。

<form id="checkout-form" action="/site/checkout" method="post">

    <div class="form-group field-sale-first_name required">
    <input type="text" id="sale-first_name" class="form-control" name="Sale[first_name]" placeholder="First Name">

和脚本：

clientValidationStatus = (function() {
    if ($("form-group.field-sale-first_name.required").hasClass(".has-success)) {
      alert("Success");
    }
  })();

有人可以提示如何获得此更改吗？

提前致谢。

Answer 1

您缺少 hasClass 语法 hasClass("has-success") 和 form-group

  clientValidationStatus = (function() {
        if ($(".form-group.field-sale-first_name.required").hasClass("has-success")) {
          alert("Success");
        }
      })();