如何确定一个字段是否正在验证中？

Question

jQuery Validat(e/tion)

我有一个自定义datepicker小部件，我想验证使用jQuery.validate。当我修改我的日期时，它不会重新验证，可能是因为更改事件不会触发绑定到哪个jQuery.validate的基础隐藏。

通过我的研究，我发现我可以通过调用$('#mydatepicker').valid()来重新验证一个字段。我可以把它放在我的自定义小部件的on-change处理程序中。

理论上，这应该可行，但是在jQuery.validation初始化之前，我的小部件的on-change事件触发一次。这似乎完全破坏jQuery.validate。

所以我正在寻找一种方法来确定jQuery.validate是否已被初始化为这个特定的元素。即确定jQuery.validate是否试图观看它。

我试图

if($input.valid) $input.valid(); 

但我认为，如果jQuery.validate是否已经被初始化的方法，无论是否存在。

---

需要明确的是，我的HTML的结构是这样的：

<form id="myform"> 
    <input id="mywidget" type="hidden"> 
    <script>$('#mywidget').initializeMyCustomWidget();</script> 
</form> 
<script> 
    $('#myform').validate({ myOptions }); 
</script> 

Answer 1

但我认为，如果jQuery.validate是否已经被初始化的方法，无论是否存在。

在初始化.validate()之前，不能使用.valid()。

但是，因为人们通常会初始化DOM准备好的.validate()，所以这不应该成为问题。

Documentation states:

.validate()需要在表格上使用该方法检查它之前被调用。

---

所以我在寻找一种方法来确定是否jQuery.validate已经为这个特殊的元素初始化。即确定jQuery.validate是否试图观看它。

简单地初始化DOM上的插件就绪，这样它就可以“观察”触发事件的表单。

$(document).ready(function() { 

    $('#myform').validate({ 
     // rules, options, etc. 
    }); 

}); 

Answer 2

我仔细看了一下.valid方法实际做了什么。它运行这一点：

$(this[ 0 ].form).validate() 

也就是说，如果您还没有叫.validate()但随后它会空验证适用于您的形式，与任何默认规则。这就是为什么它打破了我的形式。

我可以想出如何检查我的表单是否已经有验证器的唯一方法是检查表单是否具有数据属性validator。我不确定这是多么可靠。

我写了这个jQuery扩展到“也许”验证一个特定的字段。

/** 
* Validate inputs iff the form has a validator. 
*/ 
$.fn.maybeValidate = function() { 
    var valid = true; 
    this.each(function() { 
     if(this.form && $(this.form).data('validator')) { 
      valid = $(this).valid() && valid; 
     } 
    }); 
    return valid; 
} 

这对我的用例非常有用，因为我可以在我的所有小部件onchange回调中调用该方法。如果验证器被绑定，它将重新验证该字段。如果没有，没有伤害。