在做網站的過程中，大多數情況下肯定會應用到表單，使用表單讓用戶輸入數據，收集相關信息，在這個過程中為了讓用戶輸入的信息可靠，就會使用前端的表單驗證。目前業內也有很多表單驗證工具，更有大多數人自已寫純js的表單驗證。這樣重復造輪子的事情大可不必一直做的，浪費時間和效率。這里介紹一款非常好用的前端表單驗證插件validate，做為一款國外的的表單插件，雖然表使用文檔都是英文，對國內的程序用戶看起來應該很吃力。不過網上仍有不少網友提供很多翻譯版本可供使用。使用也很簡，這里介紹一下基本的使用方法。
1、使用$('#formid').validate({})來包含整個驗證類信息，其中formid為表單的id識別符。
2、debug屬性可以設置為true，表示啟用調試信息。
3、rules屬性為規則json數組，常用的如：array('require'=>true,'min_length'=>10,'max_length'=>100,'email'=>true)，這個分別表示
require為必填，min_length為最小長度為10個字符，max_length為大長度為100個字符，email為必須是郵箱格式。還可以自定義規則使用jQuery.validator.addMethod('name',function(value, element){})增加新的規則，增加后，即可在驗證規則中使用。
4、messages為和規則對應的錯誤顯示信息，數組形式是一樣的，把鍵值修改成錯誤信息提示即可。
5、showErrors為當不符合驗證規則時如何顯示錯誤信息，一般是直接彈出信息提示用戶，當然也是可以在表單域上直接顯示錯誤信息的。
6、onkeyup為不驗證鍵盤輸入。
7、onfocusout為失去焦點時不驗證。
8、submitHandler為當驗證通過時，需要執行的代碼塊，如使用ajax來提交信息后臺處理。
需要注意的是，驗證規則和錯誤信息文本數組要使用json數據的形式，避免出錯。
其中錯誤信息提示彈窗這里推薦使用彈窗插入layer，也是一款國人開發的非常好用的彈窗插件，可以配合表單驗證來做出更漂亮的交互效果。

下面是具體的驗證代碼形式。

新聞標題：前端制作：非常好用的表單驗證插件validate
網址分享：http://www.2m8n56k.cn/news31/241531.html

成都網站建設公司_創新互聯，為您提供定制網站、標簽優化、網站策劃、云服務器、靜態網站、品牌網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯