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

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语句即可。

分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论