jQuery 验证错误消息位置

标签 jquery jquery-validate

我正在使用 jQuery 验证插件来检查我的输入,但在调整错误消息的位置时遇到了麻烦。这是demo我的代码。

我想在有问题的单元格下显示错误消息,而不是在它旁边。我检查了引用文献,发现我应该关注 errorPlacement功能。因此,如果我想在单元格下显示错误消息,我应该创建一个新的 <tr>然后插入错误信息?感谢您的任何建议。

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

最佳答案

错误消息位于元素“旁边”的唯一原因是因为两者都是内联元素( <select><label> )。您只需将错误消息移到下面即可:

1) 使用一些 CSS 将错误标签定位为 display: block;

2)在插入之前将错误标签包装在某个 block 元素中(您可以使用上面发布的代码,然后在附加之前将错误包装在 div 中)

关于jQuery 验证错误消息位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15283951/

相关文章:

javascript - jQuery 验证插件和工具提示插件错误

Jquery.validate - 一页 - 多个表单,一个提交正常,其他不提交

c# - 如何在 jquery 中单击时获取动态创建的 html 按钮的 id

jquery - .on ('click' ... 与 jQuery 中的 .click

javascript - JQuery 验证未显示正确的消息

javascript - 在多个动态添加的表单上初始化 jQuery validate() 函数

javascript - 如何在 jquery 验证中使两个忽略?

javascript - 动态生成的 HTML 中没有 "tab to move to next input element"?

javascript - 如何在 ionic 框架+ Angular 中使选项卡位于顶部?

javascript - .delay 函数 Jquery