我正在使用 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/