验证器插件jQuery中的errorPlacement问题

Posted

技术标签:

【中文标题】验证器插件jQuery中的errorPlacement问题【英文标题】:Problem with errorPlacement in validator plugin jQuery 【发布时间】:2011-02-16 10:11:48 【问题描述】:

我正在使用 jQuery 的验证器插件。默认情况下,错误标签会添加到我的表单下方。我想将它添加到我的表单上方。所以我正在做的是在 validate() 中添加以下代码:

errorPlacement: function (error, element)  
    error.insertBefore('form#emailForm');
 

问题在于,现在每次点击都会在表单上方多次添加错误标签。所以我有这样的事情:

Enter valid email.Enter valid email.Enter valid email.

有谁知道它有什么问题吗?

提前致谢!

【问题讨论】:

【参考方案1】:

如果它们被多次添加,您只需在添加之前将其删除即可。

errorPlacement: function (error, element)  
    $('.error').remove();
    error.insertBefore('#emailForm');

【讨论】:

您需要自定义选择器,使其仅针对您的错误元素。为您的问题添加示例 URL,我会为您完成。

以上是关于验证器插件jQuery中的errorPlacement问题的主要内容,如果未能解决你的问题,请参考以下文章

jq中的表单验证插件------jquery.validate

jQuery验证插件清除IE中的文件输入值

文本字段中的 jquery 验证

jQuery 验证插件在 WordPress 中不起作用

jquery配合Bootstrap中的表单验证插件bootstrapValidator使用方法

jQuery插件总结