修改jQuery Validation里默認的驗證方法

更新時間：2012年02月14日 21:20:59 作者：

在最近做的一個項目中，使用jQuery Validation驗證日期，遇到的問題和一個沒有預料到的情況是，在ASP.NET MVC 3的項目中，對于 input type="date" data-val="true"的元素，如果調(diào)用form的valid方法驗證form，雖然我沒有添加日期驗證的設置

在最近做的一個項目中，使用jQuery Validation驗證日期，遇到的問題和一個沒有預料到的情況是，在ASP.NET MVC 3的項目中，對于 <input type="date" data-val="true" />的元素，如果調(diào)用form的valid方法驗證form，雖然我沒有添加日期驗證的設置，僅僅type="date"，但其依然調(diào)用了日期驗證邏輯來驗證日期格式是否正確。這本來是個不錯的行為，但問題在于，其支持的日期格式有限，閱讀jQuery Validation的代碼會知道（當然，文檔中也有說明），對于“date”，日期驗證只是利用Javascript內(nèi)置的處理來驗證，反映到代碼里，就是看new Date(日期字符串)能否成功。在我的電腦中，輸入日期"9/5/2012"可以驗證通過，但“2012-9-5”驗證失敗，后者顯然也是一種正確的格式。我需要改變或者改善這種行為。如何做？

當然，我們可以修改jQuery Validation的源代碼，但是首先，我引用的是CDN上的代碼，其次，作為一個public的庫，我想還是盡量不要自己去改動，日久天長，可能我們已經(jīng)忘記了對它的修改，而官方更新新版本時，我們弄下來更新，結果就把我們自己的修改給覆蓋了。更好的辦法，是打補丁，從外部把date的驗證函數(shù)替換成我們自己的。這里或許要感謝Javascript的OO還不是那么徹底，并沒有把那些內(nèi)置驗證方法整成protected/private，看了源代碼之后，替換的方法很簡單，在引用jQuery Validation的源碼之后，再這樣替換：

復制代碼代碼如下:

 
$.validator.methods.date = function (value, element) 
{ 
// Date.parse函數(shù)源自另外一個處理日期的庫 
return this.optional(element) || Date.parse(value) != null; 
}; 

此外替換默認的message，也可以用同樣的辦法，比如：

復制代碼代碼如下:

$.validator.messages.date = "hey, you entered an invalid date"

當然，處理messages有其他支持的更好的辦法，這在jQuery Validation的全球化和本地化的說明中有提及。

您可能感興趣的文章: