自定义错误显示在自定义位置而不是每个元素旁边

时间:2013-10-09 19:39:39

标签: javascript jquery

我有这个Jquery在我的页面中,我将根据规则集获取错误消息。 它工作得很好!!只需知道我可以做什么更改来获取页面底部的错误消息,而不是靠近每个文本框。

在提交按钮旁边需要错误消息并突出显示错误状态的文本框,如果它们是多个错误,将非常感谢

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
    <script>
    var ruleSet1 = {
            required: true

            };
        var ruleSet3 = {
                minlength: 5,
            };

        $( '#AddReport').validate({
          rules:{

        ReportID: ruleSet1,
        TaskID: ruleSet1,
        Assist: ruleSet3,
        Guide: ruleSet3,
        DateInput: ruleSet1,
        ButtonCreationDemoInput2: ruleSet1,
        ButtonCreationDemoInput: ruleSet1,
        RefNo: ruleSet3,
        Remarks: ruleSet3,
        EDocNo: ruleSet3,
        WorkLocation: ruleSet1,
        Content: ruleSet3

             }
         });

        </script>

1 个答案:

答案 0 :(得分:0)

您需要使用errorPlacement。此属性的功能可以定义DOM中的错误。

DOC:http://jqueryvalidation.org/category/plugin/

doc:

中的示例
$("#myform").validate({
  errorPlacement: function(error, element) {
    error.appendTo( element.parent("td").next("td") );
  }
});