文档章节

修改jquery.validate.js的验证规则

bigYuan
 bigYuan
发布于 2014/06/04 14:17
字数 370
阅读 63
收藏 0

jquery.validate.js默认验证的是元素的name.

例如:<input name="username" id="username" size="25" />

------------------------------------------------------------------------------------

我们可以通过修改jquery.validate.js让他验证元素的id.

我们把jquery.validate.js中的element.name,全部都替换成element.id就可以了,注意要完全匹配element.name别把其他的也替换了产生错误。

------------------------------------------------------------------------------------

以下方法中也要替换:

onclick: function( element, event ) {

// click on selects, radiobuttons and checkboxes

if ( element.id in this.submitted ) {

this.element(element);

}

// or option elements, check parent select in that case

else if ( element.parentNode.name in this.submitted ) {

this.element(element.parentNode);

}

},

findLastActive: function() {

var lastActive = this.lastActive;

return lastActive && $.grep(this.errorList, function( n ) {

return n.element.id === lastActive.name;

}).length === 1 && lastActive;

},

findByName: function( name ) {

return $(this.currentForm).find("[name='" + name + "']");

},

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.id] = true;

return true;

});

},

修改后

onclick: function( element, event ) {

// click on selects, radiobuttons and checkboxes

if ( element.id in this.submitted ) {

this.element(element);

}

// or option elements, check parent select in that case

else if ( element.parentNode.id in this.submitted ) {

this.element(element.parentNode);

}

},

findByName: function( name ) {

return $(this.currentForm).find("[id='" + name + "']");

},

findLastActive: function() {

var lastActive = this.lastActive;

return lastActive && $.grep(this.errorList, function( n ) {

return n.element.id === lastActive.id;

}).length === 1 && lastActive;

},

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.id && 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.id in rulesCache || !validator.objectLength($(this).rules()) ) {

return false;

}


rulesCache[this.id] = true;

return true;

});

},

------------------------------------------------------------------------------------

插件地址:

http://jqueryvalidation.org/

以上使用的是jQuery Validation Plugin 1.11.1

© 著作权归作者所有

共有 人打赏支持
bigYuan
粉丝 16
博文 135
码字总数 43172
作品 0
大连
程序员
jQuery验证使用

首先要加载jquery.js与jquery.validate.js两个文件。 然后可以写验证规则,与错误提示语,也可以写自定义的验证函数。 这里的验证一般针对于html表单中的各种控件。根据它们的名字进行验证。...

桃子红了呐
2017/06/27
0
0
jQuery validate插件初探

jQuery的validate插件,在jQuery验证时使用非常方便。 具体使用步骤: 1.引入文件 既然是jQuery插件,必须要有jQuery作为支持jquery-1.3.2.min.js 然后是验证的核心文件jquery.validate.js ...

桃子红了呐
2017/07/07
0
0
Jquery Validate 取消校验

私活真的是不好接呀,动不动就来个奇怪的功能,在页面加入了Jquery Validate完整性校验后,居然提出填写该页面一半时也可以进行保存操作,这就违反了校验规则,然而Jquery Validate是没有办法...

华山猛男
01/14
0
0
jquery validator之动态增加/删除验证规则

jquery validator之动态增加/删除验证规则 $('#id').rules('add',{ required: true, rangelength: [2,10], messages:{ required: '请填写内容', rangelength: '字数在{0}-{1}字以内' } }); U......

柒月-小妖精
2013/11/23
6.7K
2
javascript设计模式之策略模式

一、定义 策略模式定义了算法家族,分别封装起来,让他们之间可以互相替换,此模式让算法的变化独立于使用算饭的客户. 二、正文 相信大家在web开发的时候都接触过jquery验证插件jquery.vali...

漂泊者及其影子
2014/01/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

打开eclipse出现an error has occurred see the log file

解决方法: 1,打开eclipse安装目录下的eclipse.ini文件; 2,打开的文本文件最后添加一行 --add-modules=ALL-SYSTEM 3,保存重新打开Eclipse。...

任梁荣
6分钟前
0
0
搞定Northwind示例数据库,无论哪个版本的SQLServer都受用

Northwind数据库 从这里可以找到突破口: http://social.msdn.microsoft.com/Forums/zh-CN/Vsexpressvb/thread/8490a1c6-9018-40c9-aafb-df9f79d29cde 下面是MSDN: http://msdn2.microsoft......

QQZZFT
18分钟前
0
0
mysql主从同步,安装配置操作

准备 两台mysql服务,我这里准备了如下: 主库:192.168.176.128 从库:192.168.176.131 如何在Linux上安装mysql服务,请看https://blog.csdn.net/qq_18860653/article/details/80250499 操作...

小致dad
23分钟前
0
0
一个手机装天下,走遍中国都不怕!

导读 “1200元(人民币,下同),微信支付,可以,你扫我。”来自西非马里共和国的展商Albert拿着手机,和一位买走他手鼓的中国游客用简单的汉语交流着。 近日,“第十四届中俄蒙经贸洽谈暨商品...

问题终结者
30分钟前
0
0
Redis的“死键”问题

大规模的数据库存储系统中,数据的生命周期管理是很有必要的;从业务角度发现过期数据,数据归档和数据碎片整理等。以MySQL为例,1个运行很久的TB级MySQL实例中,极有可能数百GB的数据,对业...

IT--小哥
30分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部