AJAX 驗證框架13個
更新時間:2009年08月16日 13:26:44 作者:
眾所周知,驗證,最好是在客戶端盡量解決,以降低服務(wù)端資源開銷;在目前AJAX流行的今天,基于AJAX的驗證更能夠為客戶端驗證提供豐富的機(jī)制和美觀的交互效果。本文收集了13個比較通用的AJAX驗證框架,與大家分享!
一 ASP.NET AJAX Framework
1、ValidatorCallout
是ASP.NET AJAX Control Toolkit中的一員,老瓶裝新酒,通過擴(kuò)展的方式為ASP.NET的驗證控件提供漂亮的彈出提示效果。缺點是:目前的版本還不能提供服務(wù)端Custom Validator的擴(kuò)展。
同時,ValidatorCallout還支持自定義CSS樣式,具體可參考官方頁面上的“ValidatorCallout Theming” 一節(jié),和這篇文章:http://www.imaginativeuniversal.com/StylingTheValidatorCalloutExtender.aspx
2、 mooTools Framework
fValidator - 基于 MooTools v1.1 構(gòu)建,支持一個頁面上多個form的驗證。并能夠兼容幾乎所有的瀏覽器:IE、FF、Opera、Safari
3、FormCheck - 能夠驗證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)用很廣泛,能夠驗證所有的標(biāo)準(zhǔn)HTML Form的Input元素
5、Simple jQuery form validation - 顧名思義,這個基于jQuery的驗證框架非常容易實施和擴(kuò)展,官方鏈接沒有直接提供下載,我們可以在這里找到它: http://www.willjessup.com/sandbox/jquery/form_validator/val.js
三、Prototype Framework
6、LiveValidation - LiveValidation有兩個版本:prototype版和標(biāo)準(zhǔn)版。Prototype 版與prototype完美結(jié)合。LiveValidation 是一個小型的JavaScript開源驗證框架,能夠?qū)崿F(xiàn)客戶端的快速、簡便、強(qiáng)大的驗證,并兼容目前主流的瀏覽器。
7、JSValidate - JSValidate是基于prototype和scriptacolous的Form驗證框架,給我們帶來非常簡單易用的JavaScript表單驗證。但目前還處于beta階段囧...
8、Field validation with Prototype - 一個基于 prototype 和 scriptacolous 的健全的驗證框架。它包含一些內(nèi)置的驗證,我們可以輕易的去擴(kuò)展自定義的驗證機(jī)制。
四、Spry Framework
9、Validation Widget - 這個驗證框架由Adobe出品,在 Dreamweaver CS3下非常容易擴(kuò)展和實現(xiàn),如果你沒有使用Dreamweaver的話,也可以下載它的JavaScript版本。缺點是每個Input元素都要定義自己的JavaScript和CSS
五、No Framework
10、Clean Form Validation - Clean Form Validation是一個非常簡單的JavaScript驗證框架
11、Validate.js - Validate.js 能夠驗證各種各樣的數(shù)據(jù),它與眾不同的特點是可以使用多種方法去驗證數(shù)據(jù),激活方式由我們來決定
12、LiveValidation - 沒有基于Prototype的標(biāo)準(zhǔn)版與上面介紹的 prototype 版一樣強(qiáng)大易用。
13、iMask - 是一個開源的Masking框架,類似于ASP.NET AJAX Control Toolkit中的Mask Edit,由于是開源的,還支持各種鍵盤事件,非常不錯,也列入其中吧。
1、ValidatorCallout
是ASP.NET AJAX Control Toolkit中的一員,老瓶裝新酒,通過擴(kuò)展的方式為ASP.NET的驗證控件提供漂亮的彈出提示效果。缺點是:目前的版本還不能提供服務(wù)端Custom Validator的擴(kuò)展。
同時,ValidatorCallout還支持自定義CSS樣式,具體可參考官方頁面上的“ValidatorCallout Theming” 一節(jié),和這篇文章:http://www.imaginativeuniversal.com/StylingTheValidatorCalloutExtender.aspx
2、 mooTools Framework
fValidator - 基于 MooTools v1.1 構(gòu)建,支持一個頁面上多個form的驗證。并能夠兼容幾乎所有的瀏覽器:IE、FF、Opera、Safari
3、FormCheck - 能夠驗證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)用很廣泛,能夠驗證所有的標(biāo)準(zhǔn)HTML Form的Input元素
5、Simple jQuery form validation - 顧名思義,這個基于jQuery的驗證框架非常容易實施和擴(kuò)展,官方鏈接沒有直接提供下載,我們可以在這里找到它: http://www.willjessup.com/sandbox/jquery/form_validator/val.js
三、Prototype Framework
6、LiveValidation - LiveValidation有兩個版本:prototype版和標(biāo)準(zhǔn)版。Prototype 版與prototype完美結(jié)合。LiveValidation 是一個小型的JavaScript開源驗證框架,能夠?qū)崿F(xiàn)客戶端的快速、簡便、強(qiáng)大的驗證,并兼容目前主流的瀏覽器。
7、JSValidate - JSValidate是基于prototype和scriptacolous的Form驗證框架,給我們帶來非常簡單易用的JavaScript表單驗證。但目前還處于beta階段囧...
8、Field validation with Prototype - 一個基于 prototype 和 scriptacolous 的健全的驗證框架。它包含一些內(nèi)置的驗證,我們可以輕易的去擴(kuò)展自定義的驗證機(jī)制。
四、Spry Framework
9、Validation Widget - 這個驗證框架由Adobe出品,在 Dreamweaver CS3下非常容易擴(kuò)展和實現(xiàn),如果你沒有使用Dreamweaver的話,也可以下載它的JavaScript版本。缺點是每個Input元素都要定義自己的JavaScript和CSS
五、No Framework
10、Clean Form Validation - Clean Form Validation是一個非常簡單的JavaScript驗證框架
11、Validate.js - Validate.js 能夠驗證各種各樣的數(shù)據(jù),它與眾不同的特點是可以使用多種方法去驗證數(shù)據(jù),激活方式由我們來決定
12、LiveValidation - 沒有基于Prototype的標(biāo)準(zhǔn)版與上面介紹的 prototype 版一樣強(qiáng)大易用。
13、iMask - 是一個開源的Masking框架,類似于ASP.NET AJAX Control Toolkit中的Mask Edit,由于是開源的,還支持各種鍵盤事件,非常不錯,也列入其中吧。
您可能感興趣的文章:
- jquery 框架使用教程 AJAX篇
- Jquery AJAX 框架的使用方法
- 基于JQuery框架的AJAX實例代碼
- javascript之AJAX框架使用說明
- asp.net省市三級聯(lián)動的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源碼分析系列(六)延時對象應(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ù)的實現(xiàn)方法
我們都知道,由于受到瀏覽器的限制,AJAX?是不允許跨域請求,不過可以通過使用?JSONP?來實現(xiàn),本文介紹了?JSONP?的是怎么在?jQuery,MooTools?的,Dojo?Toolkit?中實現(xiàn)的,感興趣的朋友跟隨小編一起看看吧2023-06-06