HTML 表單驗證 Validform

fmms 13年前發布 | 25K 次閱讀 HTML Android開發 移動開發

Validform:一行代碼搞定整站的表單驗證!$(".demoform").Validform();

為什么能如此方便?插件的核心思想就是把所有的驗證條件及驗證提示信息綁定到每個表單元素,讓驗證代碼在執行時只是核對表單下各元素的值是否跟綁定 的驗證條件相符,這樣你可以隨便添加或者去掉任一表單元素而不必修改驗證代碼,從而使僅用一行代碼去完成整站的表單驗證的夢想成為現實!

功能簡介:

囊括11種常見的格式驗證形式,如果這些類型還不夠,可以方便的傳入自定義datype【可以是正則或函數】,實現幾乎任何您需要的驗證形式。

任何你想要的信息提示效果。tiptype可以傳入1、2或函數,傳入函數幾乎可以實現任何你想要的提示效果,如元素右側出現提示信息、彈出信息框 等。另外還附加了$.Showmsg()、$.Hidemsg()全局彈出/關閉信息框方法以便整站有一個統一的信息提示效果【只要引入了該js文件就能 調用這兩個全局方法】;

當前版本外調插件可以實現文件上傳檢測、密碼強度檢測和日期控件效果;
支持ajax提交表單數據,也支持ajax實時反饋驗證結果(如常見的用戶注冊表單下的用戶名檢測);
支持開啟網速慢時的二次提交防御(有時連續的點擊提交表單按鈕會產生多次的表單提交結果);
指定表單下任一元素在單擊時觸發表單提交事件;
支持一個頁面多表單的檢測。例如你給頁面上的各form綁定同樣的class名稱"demoform",只需在頁面上寫上一句 $(".demoform").Validform(),各表單便會獨立檢測。

HTML 表單驗證 Validform

項目主頁:http://www.baiduhome.net/lib/view/home/1332148772390

 本文由用戶 fmms 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!