2013-08-23 96 views
1

因此,我一直在嘗試對所有具有「必需」類的字段進行全局覆蓋。我得到了它,所以我可以添加一個紅色背景到失敗,像這樣需要的類驗證任何領域:如其他人所說的清除錯誤PARAM像這樣的功能:jquery驗證插件覆蓋所需的錯誤消息:

$("#signup_form").validate({ 
    errorClass: "validateError" 
}); 

我已經使用errorPlacement嘗試:

$("#signup_form").validate({ 
    errorClass: "validateError" 
    errorPlacement: function (error, elemenet) { 
     error.remove(); 
    }, 
}); 

這完全殺死了驗證。

一個論壇提到,我需要指定驗證可能期望的每個字段,並在消息:函數中覆蓋默認的「required」消息。我怎樣才能在全球範圍內設置它,因爲這個設置需要動態地預測任何需要設置類的域?

非常感謝

+0

你過想這。默認情況下,插件將錯誤類添加到任何有錯誤的元素。就這麼簡單。恰當地定位你的CSS。 – Sparky

+0

最終成爲解決方案的一部分。另一個問題是'required'的默認消息我試圖全局刪除它,但仍然使用錯誤類來控制背景顏色。 – appthat

+0

請參閱下面的完整答案。 – Sparky

回答

4

到具有驗證錯誤的風格元素,您只需將目標與你的CSS錯誤的默認類。默認的類是error

.error { 
    background-color: #ff0000; 
} 

或者更具體地:

input.error { 
    background-color: #ff0000; 
} 

全局更改驗證錯誤消息這個插件,使用:

jQuery.extend(jQuery.validator.messages, { 
    required: "your message here" 
}); 

參考:https://stackoverflow.com/a/2457053/594235


要完全刪除所有的錯誤信息,只需將一個return false;errorPlacement回調函數內:

errorPlacement: function() { 
    return false; 
} 

DEMOhttp://jsfiddle.net/eP5HF/