`

talent-validate-1.6.0发布(跨浏览器js验证框架)

 
阅读更多
上次由于我的失误,导致小编摆了个乌龙,所以弄个版本出来正一下名

本次修改点:
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框架及其使用手册

    talent-validate框架及其使用手册

    talent-validate 非常强大的 js 验证框架

    包含 1、talent-validate2.1 前台js 验证框架 2、修改 talent局部样式,做了几个例子

    talent-validate-new(验证框架)

    "talent-validate-new"是一个基于JavaScript和jQuery的开源验证框架,专为简化和优化Web表单验证而设计。这个框架提供了强大的功能,使得开发者能够快速有效地整合验证规则,确保用户输入的数据符合预设的标准。 ...

    js验证组件 talent-validate

    **JS验证组件:talent-validate** `talent-validate` 是一款专为前端开发人员设计的JavaScript验证组件,它简化了表单验证的过程,提供了一种高效且可自定义的方式来确保用户输入的数据符合预设的规则。这个组件的...

    talent-validate

    4. **js**:这个目录存放JavaScript源代码,其中可能包含了talent-validate框架的核心验证逻辑。这些脚本负责处理用户输入,执行验证规则,并根据验证结果提供反馈。 5. **src**:源代码目录,可能包含了框架的主体...

    talent-validate3.0.0发布

    "talent-validate3.0.0发布"是一个重要的更新,这标志着这个开源验证库的最新版本已经到来。根据标签,我们可以推断出这个压缩包包含了与源码和工具相关的资源,很可能是一个用于软件开发的验证框架或者库。下面将...

    talent-validate,强大的js验证框架

    请参考:http://tywo45.iteye.com/blog/1942352

    talent-validate1.5发布

    【标题】"talent-validate1.5发布"指的是一个名为"talent-validate"的软件或框架发布了其1.5版本。这个标题暗示了这可能是一个用于验证数据或用户输入的有效性的工具,可能在IT行业内用于提升应用的安全性和用户体验...

    开源项目-lyft-protoc-gen-validate.zip

    而lyft的这个开源项目则提供了一个Protoc插件,名为`protoc-gen-validate`,它的主要功能是生成跨语言的消息验证器,以确保在处理protobuf消息时的数据完整性。 Protobuf是一种定义结构化数据的语义格式,它允许...

    protoc-gen-validate

    "protoc-gen-validate" 是一个用于 Protocol Buffers(protobuf)编译器插件,它允许在protobuf消息定义中添加验证规则。protobuf是Google开发的一种数据序列化协议,广泛应用于跨平台的数据交换。这个插件扩展了...

    jquery-validate验证框架使用详解及JS文件

    《jQuery Validate验证框架详解与JS应用》 在Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。jQuery Validate是一个强大的验证插件,它简化了...

    jquery-validate验证框架使用详解

    jQuery Validate 是一个强大的JavaScript验证库,它为网页表单提供了灵活且易于使用的验证功能。这个框架可以帮助开发者轻松地实现对用户输入数据的有效性检查,确保数据的准确性和完整性,从而提高用户体验并减少...

    ree-validate:简单的React.js输入验证插件从vee-validate扩展

    VeeValidate是一个库 ,使您可以验证输入字段,并显示错误。 该插件的灵感来自。 安装 npm npm install ree-validate --save 纱 yarn add ree-validate 入门 import ReeValidate from 'ree-validate' 安装类名以...

    轻量级校验框架 Jquery-Lweight-validate.zip

    Jquery-Lweight-Validate是一款专为JavaScript设计的轻量级校验框架,它以其简洁、高效的特点深受开发者喜爱。本文将深入探讨这款框架的核心功能和使用方法。 Jquery-Lweight-Validate框架的核心理念是提供一种简单...

    前端项目-angular-ui-validate.zip

    AngularJS是Google维护的一个开源JavaScript框架,主要用于构建动态Web应用程序。它的核心特性之一就是双向数据绑定,这使得视图和模型之间的同步变得更加简单。然而,当涉及到用户输入验证时,AngularJS的标准`...

    jquery-validate-1.4.0

    jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

Global site tag (gtag.js) - Google Analytics