jquery-validate - 如何在 jquery.validate 验证事件后执行代码？

Question

我正在使用 jquery.validate 1.9，并希望在每次表单自动验证时执行代码(使用默认行为)。

我希望存在一个我可以 Hook 的 OnValidated 事件，但找不到。

验证执行后，如果表单有效，我希望有条件地启用页面的其他部分，否则禁用。

如何在现有的 validate() 函数之后添加一个方法调用？

Answer 1

我使用的是 jquery validate 1.8.1，但您仍然可以使用 valid() 函数来完成此操作。

valid() 将验证整个表单(如果您将表单 ID 传递给它)或单个字段(如果您传递它们各自的 ID)。然后它将根据它们是否全部有效返回一个 bool 值。

像这样的东西应该可以工作:

<script type="text/javascript">
function tab1Validation(){
    if($('#field1, #field2, #field3').valid()){
        //Logic if all fields valid - eg: $('#NextTab').show();
    }else{
        //Logic if one or more is invalid
    }
}
</script>

<form id="yourform">
     <div>
        <input type="text" id="field1" name="field1" />              
        <input type="text" id="field2" name="field2" />              
        <input type="text" id="field3" name="field3" />   
    </div>
    <input name="nextTab" type="button" value="Next Tab" onClick="tab1Validation();" />
</form>