AJAX 验证框架13个

 更新时间:2009年08月16日 13:26:44   作者:  
众所周知,验证,最好是在客户端尽量解决,以降低服务端资源开销;在目前AJAX流行的今天,基于AJAX的验证更能够为客户端验证提供丰富的机制和美观的交互效果。本文收集了13个比较通用的AJAX验证框架,与大家分享!
一 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,由于是开源的,还支持各种键盘事件,非常不错,也列入其中吧。

相关文章

  • AJAX跨域请求获取JSON数据的实现方法

    AJAX跨域请求获取JSON数据的实现方法

    我们都知道,由于受到浏览器的限制,AJAX 是不允许跨域请求,不过可以通过使用 JSONP 来实现,本文介绍了 JSONP 的是怎么在 jQuery,MooTools 的,Dojo Toolkit 中实现的,感兴趣的朋友跟随小编一起看看吧
    2023-06-06
  • ajax跨域请求js拒绝访问的解决方法

    ajax跨域请求js拒绝访问的解决方法

    这篇文章主要介绍了ajax跨域请求js拒绝访问的解决方法,需要的朋友可以参考下
    2014-05-05
  • Ajax实现二级联动菜单

    Ajax实现二级联动菜单

    这篇文章主要为大家详细介绍了Ajax实现二级联动菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • Ajax注册用户时实现表单验证

    Ajax注册用户时实现表单验证

    这篇文章主要为大家详细介绍了Ajax注册用户时实现表单验证,在网站上注册时,通常需要验证用户名和电子邮件地址的可用性,本文将介绍如何实现表单验证功能
    2015-12-12
  • Ajax犯的错误处理方法

    Ajax犯的错误处理方法

    ajax 发送请求时状态判断 if else 语句问题如何解决呢?接下来通过本文给大家分享ajax犯的错误处理方法,对ajax错误感兴趣的朋友一起看看吧
    2016-09-09
  • AJAX XMLHttpRequest对象详解

    AJAX XMLHttpRequest对象详解

    这篇文章主要为大家详细介绍了AJAX XMLHttpRequest对象,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 反向Ajax 30分钟快速掌握

    反向Ajax 30分钟快速掌握

    这篇文章主要介绍了反向Ajax 30分钟快速掌握的相关资料,需要的朋友可以参考下
    2016-07-07
  • Ajax 入门之 GET 与 POST 的不同处详解

    Ajax 入门之 GET 与 POST 的不同处详解

    这篇文章主要介绍了Ajax 入门之 GET 与 POST 的不同处详解,需要的朋友可以参考下
    2017-02-02
  • ajax调用简单实例

    ajax调用简单实例

    这篇文章主要介绍了ajax调用简单实例,结合实例形式分析了基于ajax调用讲URL返回数据填充到指定div的功能,需要的朋友可以参考下
    2015-12-12
  • 分享ajax的三种解析模式

    分享ajax的三种解析模式

    这篇文章主要介绍了分享ajax的三种解析模式的相关资料,需要的朋友可以参考下
    2015-12-12

最新评论