jQuery验证错误消息位置

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

我想在有问题的单元格下显示错误消息，而不是在它旁边。我检查了参考，发现我应该关注

errorPlacement

函数。因此，如果我想在单元格下显示错误消息，我是否应该创建一个新的

，然后插入错误消息？谢谢你的建议

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

---

错误消息出现在元素旁边的唯一原因是，这两个元素都是内联元素（

和

）。只需执行以下操作，即可将错误消息移到下面：

1） 用一些CSS来定位错误标签，使其具有

显示：块

或

2） 在插入错误标签之前，将其包装在某个块元素中（您可以使用上面发布的代码，并在附加错误之前将其包装在div中）
只需将
显示：块
添加到CSS中即可。对我有用

.error{
    border-color: #F78181;
    color:red;
    display:block;
}

要使
标签
与
选择标签
的宽度相同，您可以这样做：

select + label{
    width:300px;
    background: blue;
}

你必须用a来做你的工作吗？我可以将
更改为
，但这需要更改更多的内容…我尝试了第一种方法。它可以工作，但没有正确排列。。。有没有办法确保错误消息的大小与被检查单元格的大小相同？谢谢我的意思是，错误消息四处浮动，改变了输入单元格当前格式的布局。但是使用
空白：nowrap
似乎解决了一点问题。如果错误消息太长，则无法自动包装。我认为使用
空白：nowrap
可以解决这个问题。