AJAX 驗(yàn)證框架13個(gè)
更新時(shí)間:2009年08月16日 13:26:44 作者:
眾所周知,驗(yàn)證,最好是在客戶端盡量解決,以降低服務(wù)端資源開銷;在目前AJAX流行的今天,基于AJAX的驗(yàn)證更能夠?yàn)榭蛻舳蓑?yàn)證提供豐富的機(jī)制和美觀的交互效果。本文收集了13個(gè)比較通用的AJAX驗(yàn)證框架,與大家分享!
一 ASP.NET AJAX Framework
1、ValidatorCallout
是ASP.NET AJAX Control Toolkit中的一員,老瓶裝新酒,通過擴(kuò)展的方式為ASP.NET的驗(yàn)證控件提供漂亮的彈出提示效果。缺點(diǎn)是:目前的版本還不能提供服務(wù)端Custom Validator的擴(kuò)展。
同時(shí),ValidatorCallout還支持自定義CSS樣式,具體可參考官方頁面上的“ValidatorCallout Theming” 一節(jié),和這篇文章:http://www.imaginativeuniversal.com/StylingTheValidatorCalloutExtender.aspx
2、 mooTools Framework
fValidator - 基于 MooTools v1.1 構(gòu)建,支持一個(gè)頁面上多個(gè)form的驗(yàn)證。并能夠兼容幾乎所有的瀏覽器:IE、FF、Opera、Safari
3、FormCheck - 能夠驗(yàn)證Text、Radio、CheckBox、TextArea、Select等多種HTML元素,基于MooTools v1.1構(gòu)建。并能夠與YUI完美的結(jié)合(官方提供與YUI結(jié)合的版本下載)
二、jQuery Framework
4、jQuery Plugin: Validation - 起初基于 jQuery 1.2.2+,目前已經(jīng)升級到1.2.6。應(yīng)用很廣泛,能夠驗(yàn)證所有的標(biāo)準(zhǔn)HTML Form的Input元素
5、Simple jQuery form validation - 顧名思義,這個(gè)基于jQuery的驗(yàn)證框架非常容易實(shí)施和擴(kuò)展,官方鏈接沒有直接提供下載,我們可以在這里找到它: http://www.willjessup.com/sandbox/jquery/form_validator/val.js
三、Prototype Framework
6、LiveValidation - LiveValidation有兩個(gè)版本:prototype版和標(biāo)準(zhǔn)版。Prototype 版與prototype完美結(jié)合。LiveValidation 是一個(gè)小型的JavaScript開源驗(yàn)證框架,能夠?qū)崿F(xiàn)客戶端的快速、簡便、強(qiáng)大的驗(yàn)證,并兼容目前主流的瀏覽器。
7、JSValidate - JSValidate是基于prototype和scriptacolous的Form驗(yàn)證框架,給我們帶來非常簡單易用的JavaScript表單驗(yàn)證。但目前還處于beta階段囧...
8、Field validation with Prototype - 一個(gè)基于 prototype 和 scriptacolous 的健全的驗(yàn)證框架。它包含一些內(nèi)置的驗(yàn)證,我們可以輕易的去擴(kuò)展自定義的驗(yàn)證機(jī)制。
四、Spry Framework
9、Validation Widget - 這個(gè)驗(yàn)證框架由Adobe出品,在 Dreamweaver CS3下非常容易擴(kuò)展和實(shí)現(xiàn),如果你沒有使用Dreamweaver的話,也可以下載它的JavaScript版本。缺點(diǎn)是每個(gè)Input元素都要定義自己的JavaScript和CSS
五、No Framework
10、Clean Form Validation - Clean Form Validation是一個(gè)非常簡單的JavaScript驗(yàn)證框架
11、Validate.js - Validate.js 能夠驗(yàn)證各種各樣的數(shù)據(jù),它與眾不同的特點(diǎn)是可以使用多種方法去驗(yàn)證數(shù)據(jù),激活方式由我們來決定
12、LiveValidation - 沒有基于Prototype的標(biāo)準(zhǔn)版與上面介紹的 prototype 版一樣強(qiáng)大易用。
13、iMask - 是一個(gè)開源的Masking框架,類似于ASP.NET AJAX Control Toolkit中的Mask Edit,由于是開源的,還支持各種鍵盤事件,非常不錯(cuò),也列入其中吧。
1、ValidatorCallout
是ASP.NET AJAX Control Toolkit中的一員,老瓶裝新酒,通過擴(kuò)展的方式為ASP.NET的驗(yàn)證控件提供漂亮的彈出提示效果。缺點(diǎn)是:目前的版本還不能提供服務(wù)端Custom Validator的擴(kuò)展。
同時(shí),ValidatorCallout還支持自定義CSS樣式,具體可參考官方頁面上的“ValidatorCallout Theming” 一節(jié),和這篇文章:http://www.imaginativeuniversal.com/StylingTheValidatorCalloutExtender.aspx
2、 mooTools Framework
fValidator - 基于 MooTools v1.1 構(gòu)建,支持一個(gè)頁面上多個(gè)form的驗(yàn)證。并能夠兼容幾乎所有的瀏覽器:IE、FF、Opera、Safari
3、FormCheck - 能夠驗(yàn)證Text、Radio、CheckBox、TextArea、Select等多種HTML元素,基于MooTools v1.1構(gòu)建。并能夠與YUI完美的結(jié)合(官方提供與YUI結(jié)合的版本下載)
二、jQuery Framework
4、jQuery Plugin: Validation - 起初基于 jQuery 1.2.2+,目前已經(jīng)升級到1.2.6。應(yīng)用很廣泛,能夠驗(yàn)證所有的標(biāo)準(zhǔn)HTML Form的Input元素
5、Simple jQuery form validation - 顧名思義,這個(gè)基于jQuery的驗(yàn)證框架非常容易實(shí)施和擴(kuò)展,官方鏈接沒有直接提供下載,我們可以在這里找到它: http://www.willjessup.com/sandbox/jquery/form_validator/val.js
三、Prototype Framework
6、LiveValidation - LiveValidation有兩個(gè)版本:prototype版和標(biāo)準(zhǔn)版。Prototype 版與prototype完美結(jié)合。LiveValidation 是一個(gè)小型的JavaScript開源驗(yàn)證框架,能夠?qū)崿F(xiàn)客戶端的快速、簡便、強(qiáng)大的驗(yàn)證,并兼容目前主流的瀏覽器。
7、JSValidate - JSValidate是基于prototype和scriptacolous的Form驗(yàn)證框架,給我們帶來非常簡單易用的JavaScript表單驗(yàn)證。但目前還處于beta階段囧...
8、Field validation with Prototype - 一個(gè)基于 prototype 和 scriptacolous 的健全的驗(yàn)證框架。它包含一些內(nèi)置的驗(yàn)證,我們可以輕易的去擴(kuò)展自定義的驗(yàn)證機(jī)制。
四、Spry Framework
9、Validation Widget - 這個(gè)驗(yàn)證框架由Adobe出品,在 Dreamweaver CS3下非常容易擴(kuò)展和實(shí)現(xiàn),如果你沒有使用Dreamweaver的話,也可以下載它的JavaScript版本。缺點(diǎn)是每個(gè)Input元素都要定義自己的JavaScript和CSS
五、No Framework
10、Clean Form Validation - Clean Form Validation是一個(gè)非常簡單的JavaScript驗(yàn)證框架
11、Validate.js - Validate.js 能夠驗(yàn)證各種各樣的數(shù)據(jù),它與眾不同的特點(diǎn)是可以使用多種方法去驗(yàn)證數(shù)據(jù),激活方式由我們來決定
12、LiveValidation - 沒有基于Prototype的標(biāo)準(zhǔn)版與上面介紹的 prototype 版一樣強(qiáng)大易用。
13、iMask - 是一個(gè)開源的Masking框架,類似于ASP.NET AJAX Control Toolkit中的Mask Edit,由于是開源的,還支持各種鍵盤事件,非常不錯(cuò),也列入其中吧。
您可能感興趣的文章:
- jquery 框架使用教程 AJAX篇
- Jquery AJAX 框架的使用方法
- 基于JQuery框架的AJAX實(shí)例代碼
- javascript之AJAX框架使用說明
- asp.net省市三級聯(lián)動(dòng)的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- 簡單的前端js+ajax 購物車框架(入門篇)
- jQuery1.9.1針對checkbox的調(diào)整方法(prop)
- 零基礎(chǔ)學(xué)習(xí)AJAX之AJAX框架
- jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之綁定事件
- jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件體系結(jié)構(gòu)
- jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件包裝
- Jquery1.9.1源碼分析系列(六)延時(shí)對象應(yīng)用之jQuery.ready
- Jquery-1.9.1源碼分析系列(十一)之DOM操作
- jQuery 1.9.1源碼分析系列(十三)之位置大小操作
- jQuery 1.9.1源碼分析系列(十四)之常用jQuery工具
- jQuery1.9.1源碼分析系列(十六)ajax之a(chǎn)jax框架
相關(guān)文章
AJAX跨域請求獲取JSON數(shù)據(jù)的實(shí)現(xiàn)方法
我們都知道,由于受到瀏覽器的限制,AJAX?是不允許跨域請求,不過可以通過使用?JSONP?來實(shí)現(xiàn),本文介紹了?JSONP?的是怎么在?jQuery,MooTools?的,Dojo?Toolkit?中實(shí)現(xiàn)的,感興趣的朋友跟隨小編一起看看吧2023-06-06Ajax實(shí)現(xiàn)二級聯(lián)動(dòng)菜單
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)二級聯(lián)動(dòng)菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11Ajax注冊用戶時(shí)實(shí)現(xiàn)表單驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了Ajax注冊用戶時(shí)實(shí)現(xiàn)表單驗(yàn)證,在網(wǎng)站上注冊時(shí),通常需要驗(yàn)證用戶名和電子郵件地址的可用性,本文將介紹如何實(shí)現(xiàn)表單驗(yàn)證功能2015-12-12