DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 修改jQuery Validation裡默認的驗證方法
修改jQuery Validation裡默認的驗證方法
編輯:JQuery特效代碼     
在最近做的一個項目中,使用jQuery Validation驗證日期,遇到的問題和一個沒有預料到的情況是,在ASP.NET MVC 3的項目中,對於 <input type="date" data-val="true" />的元素,如果調用form的valid方法驗證form,雖然我沒有添加日期驗證的設置,僅僅type="date",但其依然調用了日期驗證邏輯來驗證日期格式是否正確。這本來是個不錯的行為,但問題在於,其支持的日期格式有限,閱讀jQuery Validation的代碼會知道(當然,文檔中也有說明),對於“date”,日期驗證只是利用Javascript內置的處理來驗證,反映到代碼裡,就是看new Date(日期字符串)能否成功。在我的電腦中,輸入日期"9/5/2012"可以驗證通過,但“2012-9-5”驗證失敗,後者顯然也是一種正確的格式。我需要改變或者改善這種行為。如何做?

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

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

此外替換默認的message,也可以用同樣的辦法,比如:
. 代碼如下:
$.validator.messages.date = "hey, you entered an invalid date"

當然,處理messages有其他支持的更好的辦法,這在jQuery Validation的全球化和本地化的說明中有提及。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved