jQuery Validate插件自定義驗(yàn)證規(guī)則的方法
作為一個(gè)有強(qiáng)迫癥存在的人,最見(jiàn)不得就是不統(tǒng)一的格式,對(duì)不齊的代碼。所以在對(duì)表單填寫(xiě)項(xiàng)進(jìn)行validate插件驗(yàn)證時(shí),有一些驗(yàn)證規(guī)則是根據(jù)實(shí)際需要個(gè)性化定制的。如果不擴(kuò)展validate插件規(guī)則,就會(huì)導(dǎo)致驗(yàn)證提示的表現(xiàn)方式不同,這簡(jiǎn)直能逼死強(qiáng)迫癥。所以我就查找了一下,validate插件果然也有能自定義驗(yàn)證規(guī)則的方法,簡(jiǎn)直是強(qiáng)迫癥患者的救星。話(huà)不多說(shuō),我們來(lái)看看是如何自定義的吧。
//該方法對(duì)提現(xiàn)金額進(jìn)行判斷,看賬戶(hù)中是否有足夠的金錢(qián)提現(xiàn) function check_price(){ //提現(xiàn)額度 var money_cash = $("#money_cash").text(); //要提現(xiàn)金額 var prices = $("#price").val(); if(prices > Number(money_cash)){ return false; }else{ return true; } } //自定義validate的驗(yàn)證規(guī)則,形式如下 jQuery.validator.addMethod("priceCheck", function(value, element) { return check_price(); }, "提現(xiàn)金額大于賬戶(hù)余額"); //在rule中使用的形式如下 rules:{ prices:{ required : true, priceCheck : true, //自定義的驗(yàn)證規(guī)則 }, }
這樣就可定制自己一致風(fēng)格的提示了。
以上所述是小編給大家介紹的jQuery Validate插件自定義驗(yàn)證規(guī)則的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jQuery Validate驗(yàn)證表單時(shí)多個(gè)name相同的元素只驗(yàn)證第一個(gè)的解決方法
- jQuery驗(yàn)證插件validate使用方法詳解
- jQuery validate插件實(shí)現(xiàn)ajax驗(yàn)證重復(fù)的2種方法
- jquery.validate 自定義驗(yàn)證方法及validate相關(guān)參數(shù)
- 實(shí)例詳解jQuery表單驗(yàn)證插件validate
- jQuery插件EasyUI校驗(yàn)規(guī)則 validatebox驗(yàn)證框
- 基于Bootstrap+jQuery.validate實(shí)現(xiàn)Form表單驗(yàn)證
相關(guān)文章
關(guān)于HTML5的data-*自定義屬性的總結(jié)
大家總是習(xí)慣使用HTML標(biāo)簽添加自定義屬性來(lái)存儲(chǔ)和操作數(shù)據(jù),所以才在HTML5規(guī)范里增加了一個(gè)自定義data屬性,這樣使用更便捷,一起跟隨小編過(guò)來(lái)看看吧2018-05-05firefox瀏覽器用jquery.uploadify插件上傳時(shí)報(bào)HTTP 302錯(cuò)誤
這篇文章主要介紹了firefox瀏覽器用jquery.uploadify插件上傳時(shí)報(bào)HTTP 302錯(cuò)誤,分析了下,原來(lái)是利用flash進(jìn)行post上傳時(shí)沒(méi)有包含原來(lái)的session信息,而是重新創(chuàng)建了一個(gè)session,知道原因了,我們來(lái)看看如何解決吧。2015-03-03jQuery實(shí)現(xiàn)的鼠標(biāo)拖動(dòng)畫(huà)矩形框示例【可兼容IE8】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的鼠標(biāo)拖動(dòng)畫(huà)矩形框,結(jié)合實(shí)例形式分析了jQuery基于事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)的圖形繪制相關(guān)操作技巧,需要的朋友可以參考下2019-05-05結(jié)合JQ1.9通過(guò)js正則判斷各種瀏覽器版本的方法
本篇文章主要是對(duì)結(jié)合JQ1.9通過(guò)js正則判斷瀏覽器版本的方法進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12jquery 插件實(shí)現(xiàn)圖片延遲加載效果代碼
前幾天上QQ的在線(xiàn)視頻網(wǎng)站,看到上面的影片列表頁(yè)的圖片有這樣一種效果:當(dāng)向下拉動(dòng)滾動(dòng)條時(shí)下面的圖片才開(kāi)始加載,就是說(shuō)它不會(huì)一下子把所有的圖片都加載出來(lái),拉動(dòng)滾動(dòng)條后用戶(hù)看到了才會(huì)顯示,這是一個(gè)很不錯(cuò)的用戶(hù)體驗(yàn)。2010-02-02jQuery使用$.get()方法從服務(wù)器文件載入數(shù)據(jù)實(shí)例
這篇文章主要介紹了jQuery使用$.get()方法從服務(wù)器文件載入數(shù)據(jù),較為簡(jiǎn)單的分析了jQuery中g(shù)et方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03JQuery彈出炫麗對(duì)話(huà)框的同時(shí)讓背景變灰色
這篇文章主要介紹JQuery實(shí)現(xiàn)彈出炫麗對(duì)話(huà)框的同時(shí)讓背景變灰色效果,需要的朋友可以參考下2014-05-05