修改jQuery Validation里默認(rèn)的驗(yàn)證方法_jquery
May 16, 2016 pm 05:56 PM
在最近做的一個(gè)項(xiàng)目中，使用jQuery Validation驗(yàn)證日期，遇到的問題和一個(gè)沒有預(yù)料到的情況是，在ASP.NET MVC 3的項(xiàng)目中，對(duì)于 的元素，如果調(diào)用form的valid方法驗(yàn)證form，雖然我沒有添加日期驗(yàn)證的設(shè)置，僅僅type="date"，但其依然調(diào)用了日期驗(yàn)證邏輯來驗(yàn)證日期格式是否正確。這本來是個(gè)不錯(cuò)的行為，但問題在于，其支持的日期格式有限，閱讀jQuery Validation的代碼會(huì)知道（當(dāng)然，文檔中也有說明），對(duì)于“date”，日期驗(yàn)證只是利用Javascript內(nèi)置的處理來驗(yàn)證，反映到代碼里，就是看new Date(日期字符串)能否成功。在我的電腦中，輸入日期"9/5/2012"可以驗(yàn)證通過，但“2012-9-5”驗(yàn)證失敗，后者顯然也是一種正確的格式。我需要改變或者改善這種行為。如何做？
當(dāng)然，我們可以修改jQuery Validation的源代碼，但是首先，我引用的是CDN上的代碼，其次，作為一個(gè)public的庫(kù)，我想還是盡量不要自己去改動(dòng)，日久天長(zhǎng)，可能我們已經(jīng)忘記了對(duì)它的修改，而官方更新新版本時(shí)，我們弄下來更新，結(jié)果就把我們自己的修改給覆蓋了。更好的辦法，是打補(bǔ)丁，從外部把date的驗(yàn)證函數(shù)替換成我們自己的。這里或許要感謝Javascript的OO還不是那么徹底，并沒有把那些內(nèi)置驗(yàn)證方法整成protected/private，看了源代碼之后，替換的方法很簡(jiǎn)單，在引用jQuery Validation的源碼之后，再這樣替換：
$.validator.methods.date = function (value, element)
{
// Date.parse函數(shù)源自另外一個(gè)處理日期的庫(kù)
return this.optional(element) || Date.parse(value) != null;
};
此外替換默認(rèn)的message，也可以用同樣的辦法，比如：
$.validator.messages.date = "hey, you entered an invalid date"
當(dāng)然，處理messages有其他支持的更好的辦法，這在jQuery Validation的全球化和本地化的說明中有提及。
熱AI工具
Undress AI Tool
免費(fèi)脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機(jī)
Video Face Swap
使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強(qiáng)大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁(yè)開發(fā)工具
SublimeText3 Mac版
神級(jí)代碼編輯軟件(SublimeText3)
jQuery引用方法詳解：快速上手指南
Feb 27, 2024 pm 06:45 PM
jQuery引用方法詳解：快速上手指南jQuery是一個(gè)流行的JavaScript庫(kù)，被廣泛用于網(wǎng)站開發(fā)中，它簡(jiǎn)化了JavaScript編程，并為開發(fā)者提供了豐富的功能和特性。本文將詳細(xì)介紹jQuery的引用方法，并提供具體的代碼示例，幫助讀者快速上手。引入jQuery首先，我們需要在HTML文件中引入jQuery庫(kù)?？梢酝ㄟ^CDN鏈接的方式引入，也可以下載
jQuery中如何使用PUT請(qǐng)求方式？
Feb 28, 2024 pm 03:12 PM
jQuery中如何使用PUT請(qǐng)求方式？在jQuery中，發(fā)送PUT請(qǐng)求的方法與發(fā)送其他類型的請(qǐng)求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)置。PUT請(qǐng)求通常用于更新資源，例如更新數(shù)據(jù)庫(kù)中的數(shù)據(jù)或更新服務(wù)器上的文件。以下是在jQuery中使用PUT請(qǐng)求方式的具體代碼示例。首先，確保引入了jQuery庫(kù)文件，然后可以通過以下方式發(fā)送PUT請(qǐng)求：$.ajax({u
深度剖析：jQuery的優(yōu)勢(shì)與劣勢(shì)
Feb 27, 2024 pm 05:18 PM
jQuery是一款廣泛應(yīng)用于前端開發(fā)的快速、小巧、功能豐富的JavaScript庫(kù)。自2006年發(fā)布以來，jQuery已經(jīng)成為眾多開發(fā)者的首選工具之一，但是在實(shí)際應(yīng)用中，它也不乏一些優(yōu)勢(shì)和劣勢(shì)。本文將深度剖析jQuery的優(yōu)勢(shì)與劣勢(shì)，并結(jié)合具體的代碼示例進(jìn)行說明。優(yōu)勢(shì)：1.簡(jiǎn)潔的語(yǔ)法jQuery的語(yǔ)法設(shè)計(jì)簡(jiǎn)潔明了，可以大大提高代碼的可讀性和編寫效率。比如，
jQuery小技巧：快速修改頁(yè)面所有a標(biāo)簽的文本
Feb 28, 2024 pm 09:06 PM
標(biāo)題：jQuery小技巧：快速修改頁(yè)面所有a標(biāo)簽的文本在網(wǎng)頁(yè)開發(fā)中，我們經(jīng)常需要對(duì)頁(yè)面中的元素進(jìn)行修改和操作。在使用jQuery時(shí)，有時(shí)候需要一次性修改頁(yè)面中所有a標(biāo)簽的文本內(nèi)容，這樣可以節(jié)省時(shí)間和精力。下面將介紹如何使用jQuery快速修改頁(yè)面所有a標(biāo)簽的文本，同時(shí)給出具體的代碼示例。首先，我們需要引入jQuery庫(kù)文件，確保在頁(yè)面中引入了以下代碼：<
使用jQuery修改所有a標(biāo)簽的文本內(nèi)容
Feb 28, 2024 pm 05:42 PM
標(biāo)題：使用jQuery修改所有a標(biāo)簽的文本內(nèi)容jQuery是一款流行的JavaScript庫(kù)，被廣泛用于處理DOM操作。在網(wǎng)頁(yè)開發(fā)中，經(jīng)常會(huì)遇到需要修改頁(yè)面上鏈接標(biāo)簽（a標(biāo)簽）的文本內(nèi)容的需求。本文將介紹如何使用jQuery來實(shí)現(xiàn)這個(gè)目標(biāo)，并提供具體的代碼示例。首先，我們需要在頁(yè)面中引入jQuery庫(kù)。在HTML文件中添加以下代碼：
jQuery如何移除元素的height屬性？
Feb 28, 2024 am 08:39 AM
jQuery如何移除元素的height屬性？在前端開發(fā)中，經(jīng)常會(huì)遇到需要操作元素的高度屬性的需求。有時(shí)候，我們可能需要?jiǎng)討B(tài)改變?cè)氐母叨?，而有時(shí)候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，并提供具體的代碼示例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。height屬性用于設(shè)置元素的高度
了解jQuery中eq的作用及應(yīng)用場(chǎng)景
Feb 28, 2024 pm 01:15 PM
jQuery是一種流行的JavaScript庫(kù)，被廣泛用于處理網(wǎng)頁(yè)中的DOM操作和事件處理。在jQuery中，eq()方法是用來選擇指定索引位置的元素的方法，具體使用方法和應(yīng)用場(chǎng)景如下。在jQuery中，eq()方法選擇指定索引位置的元素。索引位置從0開始計(jì)數(shù)，即第一個(gè)元素的索引是0，第二個(gè)元素的索引是1，依此類推。eq()方法的語(yǔ)法如下：$("s
使用jQuery為表格添加新行的方法介紹
Feb 29, 2024 am 08:12 AM
jQuery是一個(gè)流行的JavaScript庫(kù)，廣泛用于網(wǎng)頁(yè)開發(fā)中。在網(wǎng)頁(yè)開發(fā)過程中，經(jīng)常需要通過JavaScript動(dòng)態(tài)地向表格中添加新行。本文將介紹如何使用jQuery為表格添加新行，并提供具體的代碼示例。首先，我們需要在HTML頁(yè)面中引入jQuery庫(kù)?？梢酝ㄟ^以下代碼在標(biāo)簽中引入jQuery庫(kù)：
