jQuery驗證 - 如何有產生錯誤的標籤出現在DIV

Question

的最後，我有這樣的情況：使用jQuery驗證庫（使用所有缺省設置爲驗證）

<div> 
    <label>Text</label> 
    <input type="text" id="email"> 
    <label>Text</label> 
    <input type="text" id="name"> 
</div> 

，電子郵件「錯誤」標籤將這樣產生：

<div> 
    <label>Text</label> 
    <input type="text" id="email"> 
    <label>ERROR:|</label> 
    <label>Text</label> 
    <input type="text" id="name"> 
</div> 

，但我的目標是讓這樣的：

<div> 
    <label>Text</label> 
    <input type="text" id="email"> 
    <label>Text</label> 
    <input type="text" id="name"> 
    <label>ERROR:|</label> 
</div> 

我該怎麼做？

jQuery validation library

編輯：我正在與簡單地從invalidHandler事件附加標籤的問題是，標籤直到invalidHandler事件之後產生。

Answer 1

驗證庫中有一個errorPlacement函數。

$('.inputForm').validate({ 
    ... settings .... 
    errorPlacement: function(error, element) { 
     error.appendTo(element.parent()); 
    }, 
    ... other settings ... 
}); 

Answer 2

只需將一個Id分配給您的主Div，然後將錯誤附加到該Div。 例如

$（「div＃divid」）。append（「error」）;

Answer 3

的jQuery插件驗證總是會在前面加上錯誤的標籤除非你添加自己的第一。所以...

<div> 
<label>Text</label> 
<input type="text" id="email"> 
<label class="error" style="display:none"></label> 

<label>Text</label> 
<input type="text" id="name"> 
<label class="error" style="display:none"></label> 
</div> 

一定要將該類設置爲與插件使用的類相同，並且默認情況下隱藏該元素。