文章目錄
前言:
眾所周知,驗證,最好是在用戶端盡量解決,以降低服務端資源開銷;在目前AJAX流行的今天,基於AJAX的驗證更能夠為用戶端驗證提供豐富的機制和美觀的互動效果。本文收集了13個比較通用的AJAX驗證架構,與大家分享!
根據上一篇文章56 個AJAX圖片展示架構(Galleries, Slideshows and Lightboxes) 中博友的建議,這次通過架構將Validator們分類了:
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,由於是開源的,還支援各種鍵盤事件,非常不錯,也列入其中吧。
收集的很倉促,如果您還知道好的架構,請在下方留言,謝謝!