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中的deferred使用方法
Mar 27 jQuery
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
jquery中done和then的区别(详解)
Dec 19 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
jquery.pager.js实现分页效果
Jul 29 jQuery
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
基于jquery实现彩色投票进度条代码解析
Aug 26 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中使用unset销毁变量并内存释放问题
2012/07/05 PHP
PHP编程中的__clone()方法使用详解
2015/11/27 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
php写app用的框架整理
2019/09/29 PHP
Javascript中的Split使用方法与技巧
2007/03/09 Javascript
jquery post方式传递多个参数值后台以数组的方式进行接收
2013/01/11 Javascript
JQuery筛选器全系列介绍
2013/08/27 Javascript
瀑布流布局代码一例
2014/04/11 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
jQuery ajax应用总结
2016/06/02 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
vue2.0结合Element-ui实战案例
2019/03/06 Javascript
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
vue element upload实现图片本地预览
2019/08/20 Javascript
在layui下对元素进行事件绑定的实例
2019/09/06 Javascript
JS多个异步请求 按顺序执行next实现解析
2019/09/16 Javascript
jquery将json转为数据字典的实例代码
2019/10/11 jQuery
Javascript中的奇葩知识,你知道吗?
2021/01/25 Javascript
python实现的各种排序算法代码
2013/03/04 Python
python获取beautifulphoto随机某图片代码实例
2013/12/18 Python
Python数据结构之图的应用示例
2018/05/11 Python
django反向解析URL和URL命名空间的方法
2018/06/05 Python
关于Tensorflow使用CPU报错的解决方式
2020/02/05 Python
卸载tensorflow-cpu重装tensorflow-gpu操作
2020/06/23 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
Django怎么在admin后台注册数据库表
2020/11/14 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
京东奢侈品:全球奢侈品牌
2018/03/17 全球购物
毕业生求职简历的自我评价
2013/10/23 职场文书
新书吧创业计划书
2014/01/31 职场文书
就业表自我评价分享
2014/02/06 职场文书
话题作文之生命的旋律
2019/12/17 职场文书