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实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
jQuery用noConflict代替$的实现方法
Apr 12 jQuery
jQuery返回定位插件详解
May 15 jQuery
jQuery表单设置值的方法
Jun 30 jQuery
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
jQuery实现选中行变色效果(实例讲解)
Jul 06 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
JQuery插件tablesorter表格排序实现过程解析
May 28 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+ajaxfileupload+jcrop插件完美实现头像上传剪裁
2014/06/09 PHP
PHP的全局错误处理详解
2016/04/25 PHP
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
6个DIV 135或246间隔一秒轮番显示效果
2010/07/24 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
js获取单选框或复选框值及操作
2012/12/18 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
AngularJS自定义插件实现网站用户引导功能示例
2016/11/07 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
微信小程序tab左右滑动切换功能的实现代码
2021/02/08 Javascript
python的dataframe和matrix的互换方法
2018/04/11 Python
设置python3为默认python的方法
2018/10/31 Python
python的一些加密方法及python 加密模块
2019/07/11 Python
python实现各种插值法(数值分析)
2019/07/30 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
Python调用C语言程序方法解析
2020/07/07 Python
Python logging模块原理解析及应用
2020/08/13 Python
利用指针变量实现队列的入队操作
2012/04/07 面试题
转党组织关系介绍信
2014/01/08 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
教师批评与自我批评范文
2014/10/15 职场文书
2014最新股权信托合同协议书
2014/11/18 职场文书
自主招生自荐信范文
2015/03/04 职场文书
天气温馨提示语
2015/07/14 职场文书
学雷锋主题班会教案
2015/08/13 职场文书
聘任通知书
2015/09/21 职场文书
婚前协议书怎么写,才具有法律效力呢 ?
2019/06/28 职场文书
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js
Win10系统搭建ftp文件服务器详细教程
2022/08/05 Servers