jquery validate:如何显示和隐藏错误摘要？

Question

我在这里根据这个例子实现了一个错误摘要:

当我让它显示时,我没有线索如何在没有错误的情况下隐藏它.

我在这里用它来演示它:

键入两个字段中的任何一个字段,而错误消息消失,摘要仍然存在.必须有一个我需要订阅的事件,但我无法弄清楚.

$(document).ready(function () {

  var validator = validation_rules('#myform');
  validator.form();

  function validation_rules(form) {

    $.validator.addClassRules("fillone", {
      require_from_group: [1, ".fillone"]
    });

    var validator = $(form).validate({
      errorPlacement: function (error, element) {
        var field_error = $(form).find('#id_' + element.attr('name')).siblings('.field_error');
        if (field_error.length > 0) {
          error.appendTo(field_error);
        }

        $(field_error).show();
      },
      invalidHandler: function () {
        $("#validation_summary").text(validator.numberOfInvalids() + " field(s) are invalid");
      }

    });
    return validator;
  }

});

Answer 1

使用 errorContainer 选项。当表单有效/无效时，这将显示/隐藏指定的元素

错误容器：{“#validation_summary”}

示例位于http://jsfiddle.net/eDk2m/7

阅读评论后编辑

有一个事件可以挂钩 - 一个很好的例子是插件演示的custom-methods-demo.html页面。看起来像这样

var validator = $("form").bind("invalid-form.validate",  
function() { 
 var errorCount = validator.numberOfInvalids(); 
 // do other stuff here
}).validate({...});