jQuery Validate 校验多个相同name的方法
更新时间：2017年05月18日 14:04:32 作者：翟鳳璽
这篇文章主要介绍了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 //添加这行
以上所述是小编给大家介绍的jQuery Validate 校验多个相同name的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
今天说下基于datagrid框架的查询，有需要的朋友可以参考一下。2013-04-04
formValidator3.3的ajaxValidator一些异常分析
ajaxvalidator是大家问的最多的问题，修正一个bug（感谢网友“じ龍峸√”），并把大家最关心的问题，再做一次阐述。2011-07-07
豆瓣网的jquery实例代码，效果不错，方便大家学习2008-06-06
这篇文章主要为大家详细介绍了jquery实现全选、不选、反选的两种方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了jquery实现图片滚动效果的简单实例，有需要的朋友可以参考一下2013-11-11
这篇文章主要为大家详细介绍了jquery简单图片轮播特效，图片轮播效果特别适合做产品展示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-09-09
这篇文章主要介绍了jQuery实现默认是闭合的FAQ展开效果菜单,涉及jQuery中slideUp及slideDown用法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
checkbox是复选框如何将其变为单选呢？下面有个不错的示例，感兴趣的朋友可以参考下2013-11-11
Ajax 通俗来讲即不需要刷新页面即可从服务器或客户端上加载数据，当然这些数据的格式是多种多样的。2014-06-06
这篇文章主要介绍了jQuery滑动效果实现方法,结合实例形式分析了jQuery实现滑动效果常用的slideDown()、slideUp()及slideToggle()方法相关使用技巧,需要的朋友可以参考下2018-09-09
最新评论