上次由于我的失误,导致小编摆了个乌龙,所以弄个版本出来正一下名
本次修改点:
1、增加了用户名和密码验证演示
2、去掉了jquery和prototype的依赖
3、将所有js合入一个js文件中,使用者只需要引入一个js和一个css即可
4、完善了比较验证器,增加指定值的验证(以前只支持字段和字段的值进行比较)。
5、使演示页面更清晰和美观。
6、增加按id来移除验证功能
给几个使用代码片断吧:
1、一行代码给多个字段加验证
new RequiredValidator().add("n1", "n2", "n3", "n4");
2、当你需要取消某些验证时,你可以这样做
var requiredValidator = new RequiredValidator();
requiredValidator.add("n1", "n2").addId('id1', 'id2');
//在某个时候需要取消验证
requiredValidator.removeId('id1', 'id2'); //移除id为id1和id2的验证
requiredValidator.remove('n1', 'n2'); //移除name为n1和n2的验证
3、大家可以方便地扩展出自己需要的验证器,譬如自带的ipValidator就是从正则表达式验证器直接继承过来的
var IpValidator = Class.create();
IpValidator.prototype = Object.extend(new RegexValidator(), {
initialize:function()
{
this.ipInitialize();
},
ipInitialize:function()
{
this.baseInitialize();
this.message = validateI18nMsgIp;
this.regex = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
}
});
再说两句,这个框架主体是07年写的,当时是依赖prototype的,之后一直没太动,在多个项目中使用,口碑很好,所以拿出来共享于大家。
有人说本框架抄了别人的,大家觉得呢?
williamy 写道
直接抄了aculo的吧
- 大小: 19.8 KB
- 大小: 44.2 KB
分享到:
相关推荐
talent-validate框架及其使用手册
包含 1、talent-validate2.1 前台js 验证框架 2、修改 talent局部样式,做了几个例子
这是开源的一个表单js验证框架,运用Jquery技术进行表单整合的验证,只需配置下信息即可进行验证。
js验证组件 talent-validate
请参考:http://tywo45.iteye.com/blog/1942352
talent-validate最新版,本人是该框架作者
jquery-validate 可对前端form进行表单校验,文档里详细介绍了如何使用jquery-validate框架和如何扩展验证方法。
开源项目-lyft-protoc-gen-validate.zip,用于生成polyglot消息验证器的Protoc插件
jquery-validate验证框架使用详解及JS文件
NULL 博文链接:https://tywo45.iteye.com/blog/1131796
NULL 博文链接:https://tywo45.iteye.com/blog/1942352
jquery-validate前台验证框架,带详细使用方法。共同进步共同研究学习
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
utf-8-validate, 检查缓冲区是否包含有效的utf 8 utf-8-validate 检查缓冲区是否包含有效的UTF-8 编码文本。安装npm install utf-8-validate --save-optional--save-optional 标志
前端项目-angular-ui-validate,NGModel的通用验证程序。
很好用的页面验证框架,对页面表单数据验证及提示很方便!
无需安装与微软尚未很好兼容的webpack,在vs2015下的asp.net中使用vue和vee-validate进行表单输入有效性验证