jQuery - 在输入字段上捕获验证状态的更改

时间:2015-08-28 12:23:27

标签: javascript jquery forms input-field

我的表单中有一个输入字段,其中包含以下类:

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

有人可以提示如何进行此更改吗?

提前致谢。

1 个答案:

答案 0 :(得分:2)

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

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