AJAX 验证框架13个

2016-02-19 11:03 4 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

一 ASP.NET AJAX Framework

1、ValidatorCallout
是ASP.NET AJAX Control Toolkit中的一员,老瓶装新酒,通过扩展的方式为ASP.NET的验证控件提供漂亮的弹出提示效果。缺点是:目前的版本还不能提供服务端Custom Validator的扩展。

同时,ValidatorCallout还支持自定义CSS样式,具体可参考官方页面上的“ValidatorCallout Theming” 一节,和这篇文章:http://www.imaginativeuniversal.com/StylingTheValidatorCalloutExtender.aspx
2、 mooTools Framework

fValidator - 基于 MooTools v1.1 构建,支持一个页面上多个form的验证。并能够兼容几乎所有的浏览器:IE、FF、Opera、Safari

3、FormCheck - 能够验证Text、Radio、CheckBox、TextArea、Select等多种HTML元素,基于MooTools v1.1构建。并能够与YUI完美的结合(官方提供与YUI结合的版本下载)

二、jQuery Framework

4、jQuery Plugin: Validation - 起初基于 jQuery 1.2.2+,目前已经升级到1.2.6。应用很广泛,能够验证所有的标准HTML Form的Input元素

5、Simple jQuery form validation - 顾名思义,这个基于jQuery的验证框架非常容易实施和扩展,官方链接没有直接提供下载,我们可以在这里找到它: http://www.willjessup.com/sandbox/jquery/form_validator/val.js


三、Prototype Framework

6、LiveValidation - LiveValidation有两个版本:prototype版和标准版。Prototype 版与prototype完美结合。LiveValidation 是一个小型的JavaScript开源验证框架,能够实现客户端的快速、简便、强大的验证,并兼容目前主流的浏览器。

7、JSValidate - JSValidate是基于prototype和scriptacolous的Form验证框架,给我们带来非常简单易用的JavaScript表单验证。但目前还处于beta阶段囧...

8、Field validation with Prototype - 一个基于 prototype 和 scriptacolous 的健全的验证框架。它包含一些内置的验证,我们可以轻易的去扩展自定义的验证机制。

四、Spry Framework

9、Validation Widget - 这个验证框架由Adobe出品,在 Dreamweaver CS3下非常容易扩展和实现,如果你没有使用Dreamweaver的话,也可以下载它的JavaScript版本。缺点是每个Input元素都要定义自己的JavaScript和CSS

五、No Framework

10、Clean Form Validation - Clean Form Validation是一个非常简单的JavaScript验证框架

11、Validate.js - Validate.js 能够验证各种各样的数据,它与众不同的特点是可以使用多种方法去验证数据,激活方式由我们来决定

12、LiveValidation - 没有基于Prototype的标准版与上面介绍的 prototype 版一样强大易用。

13、iMask - 是一个开源的Masking框架,类似于ASP.NET AJAX Control Toolkit中的Mask Edit,由于是开源的,还支持各种键盘事件,非常不错,也列入其中吧。

来源:http://www.tulaoshi.com/n/20160219/1596451.html

延伸阅读
标签: Web开发
经过仔细研究和分析,终于让AJAX的模拟浏览器功能达到一个新的高峰. 下面将给我源代码,希望喜欢的朋友转载的时候注明转载出处,这样不管对你自己,还是对本人,都是一种极大的尊重. 记得有篇文章数落AJAX的"七宗罪"中说到,AJAX在浏览页面的时候不能使用链接收藏,也就是浏览器的标签功能,更不更使用浏览器的后退.然后也有篇文章翻译了一个老外的AJAX...
标签: Web开发
项目中某个功能需要同时调用多个ajax,因同步机制,造成了ie假死的现象,自己写了连接池,效果不理想,所以索性从网上DOWN成熟的ajax框架来研究使用。 xajax框架: xajax通过Javascript直接调用PHP函数。它使用Javascript stub来调用PHP脚本中的函数,对象方法,和类方法。服务器端响应由于xajax响应对象创建,该对象提供非常多的命令比如:...
标签: Web开发
小试了下AJAX,感觉比prototype简洁多了,在JQuery中,AJAX有三种实现方式:$.ajax(),$.post,$.get()。 XHTML(主要): div id="result" style="background:orange;border:1px solid red;width:300px;height:400px;"/div form id="formtest" action="" method="post" pspan输入姓名:/spaninput type="text" name="username" id="input1" //p ...
标签: Web开发
项目中某个功能需要同时调用多个ajax,因同步机制,造成了ie假死的现象,自己写了连接池,效果不理想,所以索性从网上DOWN成熟的ajax框架来研究使用。 jqpie框架: 这是一个扩展自jQuery,结合PHP的一个Ajax框架。支持XML,HTML和JSON handler。 利用$.getJSON方法简化来自PHP的请求和处理数据. a href="#" onClick="$.getJSON('handle...
标签: Web开发
兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6 效果:一边输入一边实现验证   环境:ruby 1.8.6 + rails 2.1.0 + windows 核心代码: html: 浏览器禁用javascript时显示提示信息: 代码如下: noscript div style="color:red"您的浏览器不支持javascript,部分功能无法使用/div /noscript 当浏览器禁用JS后,提交按钮不可用,实现客户...

经验教程

760

收藏

56
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部