是否可以使用jQuery-validate了解单个字段验证何时失败

Question

我有一个表单，当一个字段验证失败时，我需要做额外的处理(例如，当用户跳出字段，但表单还没有提交时)，我如何通过jquery-validate连接到这个事件？

Answer 1

要了解表单中是否存在错误，请使用：

if(!$("#form0").valid()){
  //There was one or more errors in the form
}

要了解特定元素是否有错误，请使用：

if(!$("#form0").validate().element($("#text1"))){
  //There where some error in #text1
}

(请注意，这两个方法也将触发验证)

希望这能有所帮助。干杯

Answer 2

我使用了覆盖高亮/取消高亮的组合。

//Update the validator's highlight/unhighlight
$.validator.setDefaults({
  ignoreTitle:true
  ,highlight: function (element) {
    var el = $(element);
    //TODO: Handle UI changes, add/remove classes
    el.trigger("validate.fail");
  }
  ,unhighlight: function (element) {
    var el = $(element)
    //TODO: Handle UI changes, add/remove classes
    el.trigger("validate.success")
  }
});

现在，我可以简单地绑定到validate.fail方法...

$("#myInputElement").bind("validate.fail",function(){
  //TODO: Do something with this knowledge.
});

注意:我过去这样做是为了将jQuery与bootstrap的UI约定集成在一起……它工作得很好。

Answer 3

在设置验证时，您应该保存验证器对象。您可以使用它来验证各个字段。

<script type="text/javascript">
var _validator;
$(function () {
    _validator = $("#form").validate();   
});
function doSomething() {
    _validator.element($('#someElement'));
}
</script>