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

Custom Error Display At Custom Place rather than next to Each Elements

本文关键字:自定义 元素 显示 错误 位置      更新时间:2023-09-26

我在我的页面中安装了这个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>

你需要使用 errorPlacement .此属性采用函数,您可以在其中定义错误需要在 DOM 中的位置。

文档:http://jqueryvalidation.org/category/plugin/

文档示例:

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