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

前端之家收集整理的这篇文章主要介绍了jquery validate:如何显示和隐藏错误摘要?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我已根据此example here:实施了错误摘要

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

我有fiddle here来证明它:

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

$(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;
  }

});
最佳答案
使用errorContainer选项.当表单变为有效/无效时,这将显示/隐藏指定的元素

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({...});
原文链接:https://www.f2er.com/jquery/428152.html

猜你在找的jQuery相关文章