jQuery Validate 校验多个name的实例详解-JS 튜토리얼-php.cn

这篇文章主要介绍了jQuery Validate 校验多个相同name的方法,需要的朋友可以参考下

导读：

在表单页中有如下代码

로그인 후 복사

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

로그인 후 복사

【相关推荐】

1.Javacript免费视频教程

2.单行 JS 实现移动端金钱格式检验

3.vue v-model表单控件绑定的实例教程

4.Bootstrap 表单验证formValidation 的实例详解

5.JS中offsetWidth的bug及处理方法

위 내용은 jQuery Validate 校验多个name的实例详解의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!