上次由于我的失误,导致小编摆了个乌龙,所以弄个版本出来正一下名
本次修改点:
1、增加了用户名和密码验证演示
[img]http://dl.iteye.com/upload/attachment/528349/341dbd57-1ce0-3e59-b7f0-073e118ee08e.jpg[/img]
2、去掉了jquery和prototype的依赖
3、将所有js合入一个js文件中,使用者只需要引入一个js和一个css即可
4、完善了比较验证器,增加指定值的验证(以前只支持字段和字段的值进行比较)。
5、使演示页面更清晰和美观。
6、增加按id来移除验证功能
[img]http://dl.iteye.com/upload/attachment/528356/5c404ab5-9bb1-30ae-b9ca-578aa5d0ab00.jpg[/img]
给几个使用代码片断吧:
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的,之后一直没太动,在多个项目中使用,口碑很好,所以拿出来共享于大家。
有人说本框架抄了别人的,大家觉得呢?
[quote="williamy"]直接抄了aculo的吧[/quote]