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

                rulesCache[this.name] = true;
                return true;
            });
        },

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