jQuery 验证错误消息位置

Question

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

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

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

Answer 1

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

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

或

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