2013-01-31 116 views
5

使用jquery validate插件,我試圖覆蓋它的默認行爲。這是我的HTML的例子:jquery驗證插件如何將錯誤類添加到標籤

<table> 
<tr> 
    <td> 
    <label for="my-input>Name</label> 
    </td> 
</tr> 
<tr> 
    <td> 
    <input type="text" class="required" id="my-input /> 
    </td> 
</tr> 
</table> 

所有我想要的valadate做的是類.error添加到現有的標籤,然後一次現場通過驗證其刪除。

謝謝。

回答

12

這是默認行爲,您只需要停止顯示在頁面上的錯誤消息。您可以通過覆蓋errorPlacement

$('form').validate({ 
errorPlacement: function() { } 
}); 

編輯做到這一點。

對不起誤讀的問題位 - 以下作品的代碼,但有可能是上面的代碼來自重頭戲例如在對options docs

+0

現貨一種更好的方式

$('form').validate({ // make sure error message isn't displayed errorPlacement: function() { }, // set the errorClass as a random string to prevent label disappearing when valid errorClass : "bob", // use highlight and unhighlight highlight: function (element, errorClass, validClass) { $(element.form).find("label[for=" + element.id + "]") .addClass("error"); }, unhighlight: function (element, errorClass, validClass) { $(element.form).find("label[for=" + element.id + "]") .removeClass("error"); } }); 

。非常感謝....!!!!! –

2
errorElement: "label", 
errorPlacement: function(error, element) { 
    error.insertBefore(element.parent().children("br")); 
}, 
highlight: function(element) { 
    $(element).parent().addClass("error"); 
}, 
unhighlight: function(element) { 
    $(element).parent().removeClass("error"); 
} 
相關問題