Jquery plugins jQuery表单验证插件,容器div放置错误

Jquery plugins jQuery表单验证插件,容器div放置错误,jquery-plugins,jquery-validate,Jquery Plugins,Jquery Validate,在尝试basistance.de的jQuery表单验证插件时,我遇到了一些有趣的事情 如果我提供了一个errorPlacement选项,将错误追加到中,并将此div置于之外,则每次验证时都会复制错误消息。然而,如果errContainer div被放置在中,那么一切都会正常工作 HTML示例: <form id="frmQuote" action="#" method="get"> <input type="text" name="txtQuote"/> &l

在尝试basistance.de的jQuery表单验证插件时,我遇到了一些有趣的事情

如果我提供了一个
errorPlacement
选项,将错误追加到
中,并将此div置于
之外,则每次验证时都会复制错误消息。然而,如果errContainer div被放置在
中,那么一切都会正常工作

HTML示例:

<form id="frmQuote" action="#" method="get">
   <input type="text" name="txtQuote"/>
   <button type="submit" id="btn">Send</button>
</form>
<div id="errContainer"></div>
在这种情况下,错误会在验证元素时重复。如果我提交表单,所有的错误都会再次显示在前面的错误下面

div的位置是依赖项吗?还是我做错了什么


感谢您的帮助:)

在这种情况下,您应该使用
errorLabelContainer
,它可以完全满足您的需要,并且正确管理错误(即不复制错误):


你能把你的问题扩大一下吗?一些代码会很好。此外,div不是依赖项,因此您的实现出现了一些问题。@StrouMfios:问题中提供的确切代码被使用,这给您带来了麻烦。只要将div移到表单之外,场景就可以完美地工作。如果实现有问题,div的移动不应该解决问题。
errorPlacement: function(error, element){
        error.appendTo($("#errContainer")); 
    }
//... further options
$('#my-form').validate({
   //other options, rules, etc
   errorLabelContainer:'#errContainer'
});