jQuery Validate插件自定義驗(yàn)證規(guī)則的方法

更新時(shí)間：2016年12月27日 14:15:25 作者：淺曦憶

這篇文章主要介紹了jQuery Validate插件自定義驗(yàn)證規(guī)則的方法,f非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

作為一個(gè)有強(qiáng)迫癥存在的人，最見不得就是不統(tǒng)一的格式，對(duì)不齊的代碼。所以在對(duì)表單填寫項(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)迫癥患者的救星。話不多說，我們來看看是如何自定義的吧。

//該方法對(duì)提現(xiàn)金額進(jì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)金額大于賬戶余額");
//在rule中使用的形式如下
rules:{
        prices:{
          required : true,
          priceCheck : true, //自定義的驗(yàn)證規(guī)則
        },
   }

這樣就可定制自己一致風(fēng)格的提示了。

以上所述是小編給大家介紹的jQuery Validate插件自定義驗(yàn)證規(guī)則的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

關(guān)于HTML5的data-*自定義屬性的總結(jié)
大家總是習(xí)慣使用HTML標(biāo)簽添加自定義屬性來存儲(chǔ)和操作數(shù)據(jù)，所以才在HTML5規(guī)范里增加了一個(gè)自定義data屬性，這樣使用更便捷，一起跟隨小編過來看看吧
2018-05-05
jQuery實(shí)現(xiàn)圖片切換效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)圖片切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-10-10
firefox瀏覽器用jquery.uploadify插件上傳時(shí)報(bào)HTTP 302錯(cuò)誤
這篇文章主要介紹了firefox瀏覽器用jquery.uploadify插件上傳時(shí)報(bào)HTTP 302錯(cuò)誤,分析了下，原來是利用flash進(jìn)行post上傳時(shí)沒有包含原來的session信息，而是重新創(chuàng)建了一個(gè)session，知道原因了，我們來看看如何解決吧。
2015-03-03
jQuery實(shí)現(xiàn)的鼠標(biāo)拖動(dòng)畫矩形框示例【可兼容IE8】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的鼠標(biāo)拖動(dòng)畫矩形框,結(jié)合實(shí)例形式分析了jQuery基于事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)的圖形繪制相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
結(jié)合JQ1.9通過js正則判斷各種瀏覽器版本的方法
本篇文章主要是對(duì)結(jié)合JQ1.9通過js正則判斷瀏覽器版本的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-12-12
jquery 插件實(shí)現(xiàn)圖片延遲加載效果代碼
前幾天上QQ的在線視頻網(wǎng)站，看到上面的影片列表頁的圖片有這樣一種效果：當(dāng)向下拉動(dòng)滾動(dòng)條時(shí)下面的圖片才開始加載，就是說它不會(huì)一下子把所有的圖片都加載出來，拉動(dòng)滾動(dòng)條后用戶看到了才會(huì)顯示，這是一個(gè)很不錯(cuò)的用戶體驗(yàn)。
2010-02-02
jQuery使用$.get()方法從服務(wù)器文件載入數(shù)據(jù)實(shí)例
這篇文章主要介紹了jQuery使用$.get()方法從服務(wù)器文件載入數(shù)據(jù),較為簡(jiǎn)單的分析了jQuery中g(shù)et方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
JQuery EasyUI的一些常用組件
jQuery EasyUI 是一個(gè)基于 jQuery 的框架，集成了各種用戶界面插件，該框架提供了創(chuàng)建網(wǎng)頁所需的一切，幫助您輕松建立站點(diǎn)。本文給大家介紹JQuery EasyUI的一些常用組件，感興趣的的朋友一起學(xué)習(xí)吧
2017-07-07
JQuery彈出炫麗對(duì)話框的同時(shí)讓背景變灰色
這篇文章主要介紹JQuery實(shí)現(xiàn)彈出炫麗對(duì)話框的同時(shí)讓背景變灰色效果,需要的朋友可以參考下
2014-05-05
Jquery Easyui表單組件Form使用詳解（30）
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui表單組件Form的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12