jQuery Validate--针对多个相同名称的元素的验证

在项目开发中，通常会遇到一个表格构成的表单，那么表单里面就可能会有几个元素的名字相同，针对这种情况在validate默认的条件下是只能验证第一个，而后面的元素就不能得到验证，那么要解决这种问题就有以下两种处理方式。

注意：无论采用下面哪种处理方式，相同名称的元素都必须拥有id，否则是没有任何效果的。

方法一：

在需要验证的页面的js文件中添加以下代码即可：

/** * 针对具有相同名称的元素的验证的处理 */$(function(){    if ($.validator) {        $.validator.prototype.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;                });        }    }});

方法二：修改jQuery.validate.js源码

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;            });        },

针对上面的代码可以看出，仅仅需要注释掉标注处的if语句即可。