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

Question

我的表单中有一个输入字段，具有以下类:

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

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

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

或

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

我试图用 jQuery 方法 hasClass() 捕获此类成功的错误状态，但即使 .has-error 或 has-success 不存在，也总是得到 True。

<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");
        }
      })();