jqueryvalidation插件沒有正確對齊錯誤

Question

我正在使用jQuery驗證器插件與引導程序3來驗證我的表單輸入。它工作得很好，但是當用戶輸入任何錯誤的輸入時，對齊會變得混亂。

截圖

前：http://oi58.tinypic.com/23sta4p.jpg 後：http://oi59.tinypic.com/2pq17a8.jpg

我怎樣才能解決這個問題？

Answer 1

嘗試加入一些自定義的valdiation顯示來回jQuery驗證 這是你所需要的解決方案，你可以使用errorPlacement方法重寫放在哪裏錯誤消息

$("form").validate({ 
      highlight: function(e) { 
       $(e).closest(".form-group").addClass("has-error") 
      }, 
      unhighlight: function(e) { 
       $(e).closest(".form-group").removeClass("has-error") 
      }, 
      errorElement: "span", 
      errorClass: "help-block", 
      errorPlacement: function(e, t) { 
       if (t.parent(".input-group").length) { 
        e.insertAfter(t.parent()) 
       } else { 
        e.insertAfter(t) 
       } 
      } 
     }) 
});