首頁  >  文章  >  web前端  >  jQuery Validate 校驗多個相同name實例分享

jQuery Validate 校驗多個相同name實例分享

小云云
小云云原創
2018-01-12 09:07:581858瀏覽

本文主要介紹了jQuery Validate 校驗多個相同name的方法,需要的朋友可以參考下,希望能幫助到大家。

導讀:

在表單頁有下列程式碼

 <form>
  <input name="zhai"/><!-- 三个相同name的input -->
  <input name="zhai"/>
  <input name="zhai"/>
 </form>

jquery validate在對多個相同name校驗時,只校驗第一個input框。

解決方案一:

在表單頁對應的js中加入如下程式碼只有當前頁可以解決對多個name校驗

 if ($.validator) {
   $.validator.prototype.elements = function () {
    var validator = this,
     rulesCache = {};
    return $(this.currentForm)
    .find("input, select, textarea")
    .not(":submit, :reset, :image, [disabled]")
    .not(this.settings.ignore)
    .filter(function () {
     if (!this.name && validator.settings.debug && window.console) {
      console.error("%o has no name assigned", this);
     }
     rulesCache[this.name] = true;
     return true;
    });
   }
  }

解決方案二:

修改原始檔所有的頁面都可以驗證多個name

##方式1:修改jquery.validate.js檔案

用ctrl+F 找出this.name in rulesCache 註解掉如下代碼。

elements: function() {
   var validator = this,
    rulesCache = {};
   // select all valid inputs inside the form (no submit or reset buttons)
   return $(this.currentForm)
   .find("input, select, textarea")
   .not(":submit, :reset, :image, [disabled]")
   .not( this.settings.ignore )
   .filter(function() {
    if ( !this.name && validator.settings.debug && window.console ) {
     console.error( "%o has no name assigned", this);
    }
    // 注释掉这里
    // select only the first element for each name, and only those with rules specified
    //if ( this.name in rulesCache || !validator.objectLength($(this).rules()) ) {
    // return false;
    //} 
    rulesCache[this.name] = true;
    return true;
   });
  },
方式2:修改jquery.validate.min.js檔案

用ctrl+F 找出(c[this.name]=!0,!0)})

 return !this.name && b.settings.debug && window.console && console.error("%o has no name assigned", this),
//this.name in c || !b.objectLength(a(this).rules()) ? !1 : (c[this.name] = !0, !0)//注释这行
c[this.name] = !0, !0 //添加这行
相關推薦:


Spring shiro bootstrap jquery.validate 登入、註冊功能的實作方法

##jQuery Validate表單驗證外掛程式詳解

jquery.validate.js 多個相同name的處理方式詳解

以上是jQuery Validate 校驗多個相同name實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn