jQuery Validate 校验多个相同name的方法


Posted in jQuery onMay 18, 2017

导读:

在表单页中有如下代码

<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 //添加这行

以上所述是小编给大家介绍的jQuery Validate 校验多个相同name的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery遮罩层实例讲解
May 11 jQuery
jQuery+ajax实现局部刷新的两种方法
Jun 08 jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
jQuery插件jsonview展示json数据
May 26 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
jQuery 查找元素操作实例小结
Oct 02 jQuery
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 jQuery
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
原生jQuery实现只显示年份下拉框
Dec 24 jQuery
jQuery实现购物车全功能
Jan 11 jQuery
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 #jQuery
jQuery查找dom的几种方法效率详解
May 17 #jQuery
jQuery实现div跟随鼠标移动
Aug 20 #jQuery
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 #jQuery
Jquery把获取到的input值转换成json
May 15 #jQuery
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 #jQuery
jQuery返回定位插件详解
May 15 #jQuery
You might like
使用php实现截取指定长度
2013/08/06 PHP
三种php连接access数据库方法
2013/11/11 PHP
根据ip调用新浪api获取城市名并转成拼音
2014/03/07 PHP
Yii+upload实现AJAX上传图片的方法
2016/07/13 PHP
php+jquery+html实现点击不刷新加载更多的实例代码
2016/08/12 PHP
使用laravel的Eloquent模型如何获取数据库的指定列
2019/10/17 PHP
日期处理的js库(迷你版)--自建js库总结
2011/11/21 Javascript
$.each与$().each的区别示例介绍
2014/03/20 Javascript
Nodejs实现批量下载妹纸图
2015/05/28 NodeJs
js获取字符串字节数方法小结
2015/06/09 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
BootStrap table表格插件自适应固定表头(超好用)
2016/08/24 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
浅谈React的最大亮点之虚拟DOM
2018/05/29 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
2018/08/13 Javascript
[02:41]DOTA2亚洲邀请赛小组赛第三日 赛事回顾
2015/02/01 DOTA
python 脚本生成随机 字母 + 数字密码功能
2018/05/26 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
运行Python编写的程序方法实例
2020/10/21 Python
如何利用pycharm进行代码更新比较
2020/11/04 Python
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
天网面试题
2013/04/07 面试题
酒后驾驶检讨书
2014/01/27 职场文书
幼儿园评语大全
2014/04/17 职场文书
《祁黄羊》教学反思
2014/04/22 职场文书
高中生班主任评语
2014/04/25 职场文书
村主任“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
毕业横幅标语
2014/10/08 职场文书
元旦标语大全
2014/10/09 职场文书
幼儿园校车安全责任书
2015/05/08 职场文书
小英雄雨来观后感
2015/06/09 职场文书
小学副班长竞选稿
2015/11/21 职场文书