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插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 jQuery
jQuery实现评论模块
Aug 19 jQuery
jQuery实现简单三级联动效果
Sep 05 jQuery
jQuery实现简单评论区功能
Oct 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运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
PHP新手用的Insert和Update语句构造类
2012/03/31 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
javascript获取URL参数与参数值的示例代码
2013/12/20 Javascript
JS代码防止SQL注入的方法(超简单)
2016/04/12 Javascript
深入浅析Bootstrap列表组组件
2016/05/03 Javascript
jQuery Ajax页面局部加载方法汇总
2016/06/02 Javascript
详解Angular的双向数据绑定(MV-VM)
2016/12/26 Javascript
详解IWinter 一个路由转控制器的 Nodejs 库
2017/11/15 NodeJs
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
原生js实现下拉选项卡
2019/11/27 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
跟老齐学Python之让人欢喜让人忧的迭代
2014/10/02 Python
Python模仿POST提交HTTP数据及使用Cookie值的方法
2014/11/10 Python
Python实现破解猜数游戏算法示例
2017/09/25 Python
Python使用smtp和pop简单收发邮件完整实例
2018/01/09 Python
python+matplotlib绘制旋转椭圆实例代码
2018/01/12 Python
使用浏览器访问python写的服务器程序
2019/10/10 Python
python使用 cx_Oracle 模块进行查询操作示例
2019/11/28 Python
详解python如何引用包package
2020/06/07 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
大学生毕业的自我评价分享
2014/01/02 职场文书
会计工作决心书
2014/03/11 职场文书
房地产财务部员工岗位职责
2014/03/12 职场文书
《闻一多先生的说和做》教学反思
2014/04/28 职场文书
庆六一活动总结
2014/08/29 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
通用员工手册范本
2015/05/14 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS