如何自定義錯誤消息的位置的每個字段從JQuery驗證我使用的JQuery驗證插件插件

Question

，結合一些自定義字段類型（自定義選擇框）jQuery的驗證插件的

默認行爲是在表單元素之後插入錯誤消息元素。 雖然這會在隱藏的select元素和被替換的ul元素之間呈現錯誤消息以用於自定義選擇框功能。

我發現選項：'errorLabelContainer，但是將所有錯誤放在那個1容器中。

我正在尋找一種解決方案，將錯誤標籤放置在每個表單元素下面（所以，在像這些假選擇框這樣的自定義表單元素之後），而不是將所有錯誤放在同一個容器中的custuom位置選項。

這是否會涉及到的每個錯誤觸發後手動移動它們， 我寧願有一個乾淨的解決方案第一

Answer 1

您可以使用errorPlacement選項對於這一點，例如：

$("#myform").validate({ 
    errorPlacement: function(error, element) { 
    error.insertAfter(element.parent()); 
    } 
}); 

我m不知道代碼中的「below」是什麼意思，但這無疑是你的選擇之後的選項，它是針對每個元素調用的，並且可以根據需要替換與元素有關的錯誤。該選項的默認爲error.insertAfter(element);，使其出現在元素後面。