如何在引導程序的附件後顯示jQuery驗證錯誤消息？

Question

目前它顯示在輸入欄後面，因此它位於輸入欄和之前的.add-on之間，這是不正確的 - 請參閱the demo。 如何糾正？ （請注意，我用customized errorPlacement - 這個功能應該保持不變）

Answer 1

只要改變

$(error).insertAfter($(element)); 

要

$(error).insertAfter($(element).parent()); 

，或者您不能修改的JS代碼？如果是這樣，那麼有必要創建CSS黑客或更改HTML標記。

Answer 2

對於一個通用的解決方案，以引導任何附加元件後始終打印使用以下命令：

errorPlacement: function(error, element) { 
var next = element.next(); 
if (next.hasClass('add-on')) 
    $(error).insertAfter(next); 
else 
    $(error).insertAfter(element); 
}