Question

在尝试使用bassistance.de的jQuery表单验证插件时，我遇到了一些有趣的事情。

如果我提供errorPlacement选项以在<div id="errContainer"></div>中追加错误并将此 div 放在<form>之外，则每次错误消息都会重复验证发生。然而，如果 errContainer div 放在里面 <form>，那么事情就可以了。

示例HTML：

<form id="frmQuote" action="#" method="get">
   <input type="text" name="txtQuote"/>
   <button type="submit" id="btn">Send</button>
</form>
<div id="errContainer"></div>

插件选项：

errorPlacement: function(error, element){
        error.appendTo($("#errContainer")); 
    }
//... further options

对于这种情况，错误在元素验证时重复。如果我提交表单，则会再次显示一堆错误，低于之前的错误。

div 的展示位置是否依赖？或者我做错了什么？

感谢您的帮助：）

Answer 1

在这种情况下，不应使用errorPlacement，而应使用errorLabelContainer，这将完全符合您的要求，并且还能正确管理错误（即不重复错误）：

$('#my-form').validate({
   //other options, rules, etc
   errorLabelContainer:'#errContainer'
});

jQuery表单验证插件，错误容器div放置

1 个答案: