快捷導(dǎo)航

修改jQuery Validation里默認(rèn)的驗(yàn)證方法

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

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

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

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

復(fù)制代碼代碼如下:

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

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

復(fù)制代碼代碼如下:

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

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

您可能感興趣的文章: