AJAX 驗(yàn)證框架13個(gè)
更新時(shí)間:2009年08月16日 13:26:44 作者:
眾所周知,驗(yàn)證,最好是在客戶(hù)端盡量解決,以降低服務(wù)端資源開(kāi)銷(xiāo);在目前AJAX流行的今天,基于AJAX的驗(yàn)證更能夠?yàn)榭蛻?hù)端驗(yàn)證提供豐富的機(jī)制和美觀的交互效果。本文收集了13個(gè)比較通用的AJAX驗(yàn)證框架,與大家分享!
一 ASP.NET AJAX Framework
1、ValidatorCallout
是ASP.NET AJAX Control Toolkit中的一員,老瓶裝新酒,通過(guò)擴(kuò)展的方式為ASP.NET的驗(yàn)證控件提供漂亮的彈出提示效果。缺點(diǎn)是:目前的版本還不能提供服務(wù)端Custom Validator的擴(kuò)展。
同時(shí),ValidatorCallout還支持自定義CSS樣式,具體可參考官方頁(yè)面上的“ValidatorCallout Theming” 一節(jié),和這篇文章:http://www.imaginativeuniversal.com/StylingTheValidatorCalloutExtender.aspx
2、 mooTools Framework
fValidator - 基于 MooTools v1.1 構(gòu)建,支持一個(gè)頁(yè)面上多個(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)升級(jí)到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ò)展,官方鏈接沒(méi)有直接提供下載,我們可以在這里找到它: 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開(kāi)源驗(yàn)證框架,能夠?qū)崿F(xiàn)客戶(hù)端的快速、簡(jiǎn)便、強(qiáng)大的驗(yàn)證,并兼容目前主流的瀏覽器。
7、JSValidate - JSValidate是基于prototype和scriptacolous的Form驗(yàn)證框架,給我們帶來(lái)非常簡(jiǎ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),如果你沒(méi)有使用Dreamweaver的話(huà),也可以下載它的JavaScript版本。缺點(diǎn)是每個(gè)Input元素都要定義自己的JavaScript和CSS
五、No Framework
10、Clean Form Validation - Clean Form Validation是一個(gè)非常簡(jiǎn)單的JavaScript驗(yàn)證框架
11、Validate.js - Validate.js 能夠驗(yàn)證各種各樣的數(shù)據(jù),它與眾不同的特點(diǎn)是可以使用多種方法去驗(yàn)證數(shù)據(jù),激活方式由我們來(lái)決定
12、LiveValidation - 沒(méi)有基于Prototype的標(biāo)準(zhǔn)版與上面介紹的 prototype 版一樣強(qiáng)大易用。
13、iMask - 是一個(gè)開(kāi)源的Masking框架,類(lèi)似于ASP.NET AJAX Control Toolkit中的Mask Edit,由于是開(kāi)源的,還支持各種鍵盤(pán)事件,非常不錯(cuò),也列入其中吧。
1、ValidatorCallout
是ASP.NET AJAX Control Toolkit中的一員,老瓶裝新酒,通過(guò)擴(kuò)展的方式為ASP.NET的驗(yàn)證控件提供漂亮的彈出提示效果。缺點(diǎn)是:目前的版本還不能提供服務(wù)端Custom Validator的擴(kuò)展。
同時(shí),ValidatorCallout還支持自定義CSS樣式,具體可參考官方頁(yè)面上的“ValidatorCallout Theming” 一節(jié),和這篇文章:http://www.imaginativeuniversal.com/StylingTheValidatorCalloutExtender.aspx
2、 mooTools Framework
fValidator - 基于 MooTools v1.1 構(gòu)建,支持一個(gè)頁(yè)面上多個(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)升級(jí)到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ò)展,官方鏈接沒(méi)有直接提供下載,我們可以在這里找到它: 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開(kāi)源驗(yàn)證框架,能夠?qū)崿F(xiàn)客戶(hù)端的快速、簡(jiǎn)便、強(qiáng)大的驗(yàn)證,并兼容目前主流的瀏覽器。
7、JSValidate - JSValidate是基于prototype和scriptacolous的Form驗(yàn)證框架,給我們帶來(lái)非常簡(jiǎ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),如果你沒(méi)有使用Dreamweaver的話(huà),也可以下載它的JavaScript版本。缺點(diǎn)是每個(gè)Input元素都要定義自己的JavaScript和CSS
五、No Framework
10、Clean Form Validation - Clean Form Validation是一個(gè)非常簡(jiǎn)單的JavaScript驗(yàn)證框架
11、Validate.js - Validate.js 能夠驗(yàn)證各種各樣的數(shù)據(jù),它與眾不同的特點(diǎn)是可以使用多種方法去驗(yàn)證數(shù)據(jù),激活方式由我們來(lái)決定
12、LiveValidation - 沒(méi)有基于Prototype的標(biāo)準(zhǔn)版與上面介紹的 prototype 版一樣強(qiáng)大易用。
13、iMask - 是一個(gè)開(kāi)源的Masking框架,類(lèi)似于ASP.NET AJAX Control Toolkit中的Mask Edit,由于是開(kāi)源的,還支持各種鍵盤(pán)事件,非常不錯(cuò),也列入其中吧。
您可能感興趣的文章:
- jquery 框架使用教程 AJAX篇
- Jquery AJAX 框架的使用方法
- 基于JQuery框架的AJAX實(shí)例代碼
- javascript之AJAX框架使用說(shuō)明
- asp.net省市三級(jí)聯(lián)動(dòng)的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- 簡(jiǎn)單的前端js+ajax 購(gòu)物車(chē)框架(入門(mén)篇)
- jQuery1.9.1針對(duì)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í)對(duì)象應(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跨域請(qǐng)求獲取JSON數(shù)據(jù)的實(shí)現(xiàn)方法
我們都知道,由于受到瀏覽器的限制,AJAX?是不允許跨域請(qǐng)求,不過(guò)可以通過(guò)使用?JSONP?來(lái)實(shí)現(xiàn),本文介紹了?JSONP?的是怎么在?jQuery,MooTools?的,Dojo?Toolkit?中實(shí)現(xiàn)的,感興趣的朋友跟隨小編一起看看吧2023-06-06ajax跨域請(qǐng)求js拒絕訪(fǎng)問(wèn)的解決方法
這篇文章主要介紹了ajax跨域請(qǐng)求js拒絕訪(fǎng)問(wèn)的解決方法,需要的朋友可以參考下2014-05-05Ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11Ajax注冊(cè)用戶(hù)時(shí)實(shí)現(xiàn)表單驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了Ajax注冊(cè)用戶(hù)時(shí)實(shí)現(xiàn)表單驗(yàn)證,在網(wǎng)站上注冊(cè)時(shí),通常需要驗(yàn)證用戶(hù)名和電子郵件地址的可用性,本文將介紹如何實(shí)現(xiàn)表單驗(yàn)證功能2015-12-12Ajax 入門(mén)之 GET 與 POST 的不同處詳解
這篇文章主要介紹了Ajax 入門(mén)之 GET 與 POST 的不同處詳解,需要的朋友可以參考下2017-02-02