前言:
衆所周知,驗證,最好是在客戶端儘量解決,以降低服務端資源開銷;在目前AJAX流行的今天,基於AJAX的驗證更能夠爲客戶端驗證提供豐富的機制和美觀的交互效果。本文收集了13個比較通用的AJAX驗證框架,與大家分享!
ASP.NET AJAX Framework
- ValidatorCallout - 是ASP.NET AJAX Control Toolkit中的一員,老瓶裝新酒,通過擴展的方式爲ASP.NET的驗證控件提供漂亮的彈出提示效果。缺點是:目前的版本還不能提供服務端Custom Validator的擴展。
同時,ValidatorCallout還支持自定義CSS樣式,具體可參考官方頁面上的“ValidatorCallout Theming” 一節,和這篇文章:http://www.imaginativeuniversal.com/StylingTheValidatorCalloutExtender.aspx
mooTools Framework
- fValidator - 基於 MooTools v1.1 構建,支持一個頁面上多個form的驗證。並能夠兼容幾乎所有的瀏覽器:IE、FF、Opera、Safari
- FormCheck - 能夠驗證Text、Radio、CheckBox、TextArea、Select等多種HTML元素,基於MooTools v1.1構建。並能夠與YUI完美的結合(官方提供與YUI結合的版本下載)
jQuery Framework
- jQuery Plugin: Validation - 起初基於 jQuery 1.2.2+,目前已經升級到1.2.6。應用很廣泛,能夠驗證所有的標準HTML Form的Input元素
- Simple jQuery form validation - 顧名思義,這個基於jQuery的驗證框架非常容易實施和擴展,官方鏈接沒有直接提供下載,我們可以在這裏找到它: http://www.willjessup.com/sandbox/jquery/form_validator/val.js
Prototype Framework
- LiveValidation - LiveValidation有兩個版本:prototype版和標準版。Prototype 版與prototype完美結合。LiveValidation 是一個小型的JavaScript開源驗證框架,能夠實現客戶端的快速、簡便、強大的驗證,併兼容目前主流的瀏覽器。
- JSValidate - JSValidate是基於prototype和scriptacolous的Form驗證框架,給我們帶來非常簡單易用的JavaScript表單驗證。但目前還處於beta階段囧...
- Field validation with Prototype - 一個基於 prototype 和 scriptacolous 的健全的驗證框架。它包含一些內置的驗證,我們可以輕易的去擴展自定義的驗證機制。
Spry Framework
- Validation Widget - 這個驗證框架由Adobe出品,在 Dreamweaver CS3下非常容易擴展和實現,如果你沒有使用Dreamweaver的話,也可以下載它的JavaScript版本。缺點是每個Input元素都要定義自己的JavaScript和CSS
No Framework
- Clean Form Validation - Clean Form Validation是一個非常簡單的JavaScript驗證框架
- Validate.js - Validate.js 能夠驗證各種各樣的數據,它與衆不同的特點是可以使用多種方法去驗證數據,激活方式由我們來決定
- LiveValidation - 沒有基於Prototype的標準版與上面介紹的 prototype 版一樣強大易用。
- iMask - 是一個開源的Masking框架,類似於ASP.NET AJAX Control Toolkit中的Mask Edit,由於是開源的,還支持各種鍵盤事件,非常不錯,也列入其中吧。
收集的很倉促,如果您還知道好的框架,請在下方留言,謝謝!
轉自:http://www.cnblogs.com/blodfox777/archive/2008/10/17/1313335.html