如何为我的jquery验证自定义函数制作一条中心消息?

时间:2011-10-03 08:40:26

标签: jquery message validation

我正在使用jquery validate plugin来验证我的表单。我需要验证一个部分的1个字段是否已填写。这是我使用的代码: http://blog.rebeccamurphey.com/2009/04/15/jquery-validation-indicate-that-at-least-one-element-in-a-group-is-required/

所以,我有一些带有“required_group”类的表单字段,以及我的document.ready函数中的以下代码行:

jQuery.validator.addMethod('required_group', function(value, element){
        var $module = $(element).parents('div.panel');
        return $module.find('.required_group:filled').length;
    },
    "Please fill out at least one of these fields");

jQuery.validator.addClassRules('required_group', {'required_group':true});

这是按照预期的方式工作的。但是 - 我发现组中的每个字段都显示“请填写至少其中一个字段”消息有点乱。我希望在小组的顶部有一条消息。如何使用validate插件完成此操作?有没有办法自定义我想要显示消息的位置?

1 个答案:

答案 0 :(得分:0)

使用 showErrors 选项定义自己的消息显示功能。来自documentation

  

showErrors回调默认值:无,显式使用内置消息。

     

自定义消息显示处理程序。获取第一个错误的映射   参数和错误数组作为第二个,在上下文中调用   验证器对象。参数仅包含这些元素   目前已经过验证,在执行时可以是单个元素   验证onblur / keyup。你可以触发(除了你自己的   消息)通过调用this.defaultShowErrors()。

的默认行为

编辑:这是一个fiddle,或多或少可以满足您的需求。