16個Javascript表單事件指令碼(表單驗證、選擇)

16個JavaScript表單事件指令碼, 含jQuery表單驗證和ExtJs表單選擇。

JavaScript表單驗證指令碼1. jQuery Inline Form Validation Engine (示範地址)

這是一個採用Tooltip效果顯示校正提示資訊的表單校正jQuery外掛程式。

2. jQuery formValidator

jQuery formValidator表單驗證外掛程式，它是基於jQuery類庫，實現了js指令碼於頁面HTML代碼的分離。你可以劃分多個校正組，每個組的校正都是互不影響。對一個表單對象，你只需要寫一行代碼就可以輕鬆實現無數種（理論上）指令碼控制。目前支援5種大的校正方式，分別是：inputValidator（針對input、textarea、select控制項的字元長度、值範圍、選擇個數的控制）、 compareValidator（提供2個對象的比較，目前可以比較字串和數值型）、ajaxValidator（通過ajax到伺服器上做資料校 驗）、regexValidator（提供可擴充的Regex庫） 、functionValidator （可使用外部函數來做校正）

3. JSValidate

JSValidate 是一個免費的指令碼庫，用於 確認表單 ，需要 Prototype 和 Script.aculo.us 支援運行。

它支援的一些規則包括:

• 必要欄位
• 僅允許數字
• 僅允許字母
• E-mail
• 信用卡號碼格式
• 美國郵遞區號, 電話號碼和國家代碼格式

4. InputMask Class for MooTools (示範地址)

這是一個可以讓使用者按設定好格式輸入的MooTools外掛程式。

5. meioMask (示範地址)

meioMask是一個可以讓使用者按指定格式輸入的jQuery外掛程式。既可以使用預先設定的格式，也在class屬性中自訂輸入格式。

6. Validanguage

JavaScript 表單驗證架構。它擁有整合邏輯，一些設定可以針對全域，單個表單或單個對象。提供兩個API，整合 AJAX 支援，緩衝，以及回呼函數。它提供類似 HTML 的 API 語句，以及物件導向的 JavaScript API 。

7. yav

一個強大，靈活，可擴充的表單驗證庫。支援各種場合，從簡單的如日期，電子郵件地址以及整數的驗證，到複雜的，如Regex。內建 AJAX 支援，輸出的錯誤訊息可以定位到對象級。

8. VanadiumJS (示範地址)

VanadiumJS是一個強大的用戶端表單校正jQuery外掛程式。完全可以定製校規則，VanadiumJS預設提供的一些規則包括：必填、一些特定的格式、數字（integer, float）、長度、checkboxes是否接受。

9. jQuery Live Form Validation (示範地址)

jQuery Live Form Validation是一個用於建立表單驗證的jQuery外掛程式。支援自訂校正規則，既可以在輸入的時候即時校正，也可以在提交的時候校正。提示資訊的樣式完全可以通過CSS定義。

10. LiveValidation

一個輕量的表單驗證庫。除了傳統的驗證功能，還提供即時驗證，可以一邊輸入一遍驗證。Ruby on Rails 使用者可能會發現這個庫非常好用，因為他們的命名規則和參數十分近似。該庫既有獨立版本，又有一個 Prototype 版本。

Javascript表單選擇指令碼1. Extension:Multiselect2 (示範地址)

基於Ext擴充的一個控制項，能夠左右移動列表中的項目。

2. Select Box Factory (示範地址)

Select Box Factory是一個MooTools外掛程式，能夠讓你建立更好，更漂亮，進階選擇框。

3. jQuery MultiSelect (示範地址)

jQuery MultiSelect是一個可配置的jQuery外掛程式。它將普通的列表框表單控制項轉換成帶有CheckBox的下拉式清單控制項。

4. M2MSelector

左右列表框內容選擇控制項。

5. jQuery shiftcheckbox plugin (示範地址)

這是一個讓你按住Shift鍵，就可以同時選中一組checkbox的jQuery外掛程式。

6. jQuery UI Multiselect

 

博文來源： http://news.cnblogs.com/n/50366/