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点击不断加载数据列表

    Ajax点击不断加载数据列表

    这篇文章主要介绍了Ajax点击不断加载数据列表的相关资料,需要的朋友可以参考下
    2016-07-07
  • ajax数据传输方式实例详解

    ajax数据传输方式实例详解

    这篇文章主要介绍了ajax数据传输方式,结合实例形式较为详细的分析总结了ajax数据传输的原理与传输文本、xml及json格式数据的具体实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • jquery ajax实现文件上传功能实例代码

    jquery ajax实现文件上传功能实例代码

    这篇文章主要介绍了jquery ajax实现文件拖拽上传功能的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-04-04
  • AJAX实现省市县三级联动效果

    AJAX实现省市县三级联动效果

    这篇文章主要为大家详细介绍了AJAX实现省市县三级联动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • Ajax 上传图片并预览的简单实现

    Ajax 上传图片并预览的简单实现

    下面小编就为大家带来一篇Ajax 上传图片并预览的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • Ajax获取到数据放入echarts里不显示的原因分析及解决办法

    Ajax获取到数据放入echarts里不显示的原因分析及解决办法

    在做一个需要用到echarts地图的项目的时候,成功通过ajax获取到了后台提供的数据,并生成了想要的JSON串。但是,放到echarts option.series[0].data里,获取不到数据。在生成的地图上无法看到你从后台获取到的值,下面小编给大家分享我的解决办法,需要的朋友参考下
    2016-01-01
  • layui Ajax请求给下拉框赋值的实例

    layui Ajax请求给下拉框赋值的实例

    今天小编就为大家分享一篇layui Ajax请求给下拉框赋值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • AJAX根据城市名,自动完成相应的城市信息

    AJAX根据城市名,自动完成相应的城市信息

    AJAX根据城市名,自动完成相应的城市信息...
    2007-01-01
  • 使用AJAX(包含正则表达式)验证用户登录的步骤

    使用AJAX(包含正则表达式)验证用户登录的步骤

    这篇文章主要介绍了使用AJAX(包含正则表达式)验证用户登录的步骤,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10
  • ajax 服务器文本框自动填值

    ajax 服务器文本框自动填值

    最近二天。项目做完了。闲着没事做就自己写了一点东西。在写的过程中。发现利用服务器的文本框去查找用户的相关信息的时刻总要去刷新页面。
    2009-06-06

最新评论