10 個基於jQuery的表單增強指令碼和外掛程式

2022-02-08 09:55:37 字數 1858 閱讀 3645

以下10個基於jquery的指令碼和外掛程式可以有效地提高表單的可訪問性和功能性,本文中的一些原始碼和演示也許能幫助你優化當前的表單,使訪問者獲得良好的使用者體驗。 

1. form hints 1.0

使用這個外掛程式,你可以為**中的的任何乙個表單控制項新增描述文字,可以通過title屬性來新增。使用者可以點選控制項來顯示或隱藏描述文字。 

原始碼+演示

2. jquery 表單選擇器

jquery的許多表單選擇器可以更加方便和高效地訪問表單元素。下面是乙個簡單的jquery表單選擇器相關介紹。 

原始碼 / 演示

3. web spinbutton

這是乙個關於文字框數值微調按鈕控制項的示例。 

原始碼+演示

4. 頁面跳轉警告

新增該指令碼後,在你離開頁面前,會彈出乙個警告,提示你提交表單或進行其他類似的操作。 

原始碼 / 演示

5. twitter 提示框

新增該指令碼後,會出現乙個類似twitter的簡單有趣的提示框。 

原始碼+演示

6. unwrongest

新增這個jquery外掛程式後,文字框的大小會隨著輸入的內容自動進行調整,就像facebook的boxes一樣。 

原始碼 / 演示

7. clearfield

當輸入框內沒有內容時,利用這個外掛程式可以顯示輸入提示。 

原始碼+演示

8. 選中多個元素

利用這個指令碼,可以在所有供你選擇的條目中選擇全部,或只選擇需要的元素集合。 

原始碼 / 演示

9. 將表單label顯示在輸入框中

新增該指令碼後,可以將表單的label值顯示在輸入框中,使介面更加簡潔。 

原始碼 / 演示

10. 自動儲存

這個外掛程式增強了表單功能,可以自動將表單字段儲存到cookies中。每經過一定的時間(預設為10秒)或離開頁面時自動進行儲存。 

原始碼+演示

英文原文:

6 個基於 jQuery 的表單嚮導外掛程式推薦

表單嚮導可以很好地引導使用者進行一步一步的操作,從而降低使用者錯誤輸入的機率。儘管網際網路中有大量的類似外掛程式,但真正好用的不多。本文整理了6個比較優秀的表單嚮導外掛程式,希望能夠為你帶來幫助。1.smart wizard 這是乙個靈活的嚮導外掛程式,可以將內容分成幾部分,以節省頁面空間。同時,還...

基於jQuery的表單驗證外掛程式 jValidate

網上基於jquery的表單驗證外掛程式已有很多,但是這個輪子我還是繼續做乙個,因為這個表單驗證外掛程式是從我以前的個人js框架移值過來的 我已慢慢投入jquery的懷抱 並且它的驗證規則書寫方式也許會讓你眼前一亮。網上的各類表單驗證外掛程式的驗證規則都是寫在指令碼裡的,但我的外掛程式的驗證規則卻是寫...

基於jQuery的表單驗證外掛程式 jValidate

網上基於jquery的表單驗證外掛程式已有很多,但是這個輪子我還是繼續做乙個,因為這個表單驗證外掛程式是從我以前的個人js框架移值過來的 我已慢慢投入jquery的懷抱 並且它的驗證規則書寫方式也許會讓你眼前一亮。網上的各類表單驗證外掛程式的驗證規則都是寫在指令碼裡的,但我的外掛程式的驗證規則卻是寫...