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)文章
jquery ajax實(shí)現(xiàn)文件上傳功能實(shí)例代碼
這篇文章主要介紹了jquery ajax實(shí)現(xiàn)文件拖拽上傳功能的實(shí)例代碼,代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04
AJAX實(shí)現(xiàn)省市縣三級聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)省市縣三級聯(lián)動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10
Ajax 上傳圖片并預(yù)覽的簡單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄狝jax 上傳圖片并預(yù)覽的簡單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
Ajax獲取到數(shù)據(jù)放入echarts里不顯示的原因分析及解決辦法
在做一個(gè)需要用到echarts地圖的項(xiàng)目的時(shí)候,成功通過ajax獲取到了后臺提供的數(shù)據(jù),并生成了想要的JSON串。但是,放到echarts option.series[0].data里,獲取不到數(shù)據(jù)。在生成的地圖上無法看到你從后臺獲取到的值,下面小編給大家分享我的解決辦法,需要的朋友參考下2016-01-01
AJAX根據(jù)城市名,自動(dòng)完成相應(yīng)的城市信息
AJAX根據(jù)城市名,自動(dòng)完成相應(yīng)的城市信息...2007-01-01
使用AJAX(包含正則表達(dá)式)驗(yàn)證用戶登錄的步驟
這篇文章主要介紹了使用AJAX(包含正則表達(dá)式)驗(yàn)證用戶登錄的步驟,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10

