名稱 | gitbub地址 | stars | 文檔地址 |
---|---|---|---|
jquery-validation | 這裏 | 7859(截止7/21) | 這裏 |
Parsley.js | 這裏 | 7979(截止7/21) | 這裏 |
這兩個表格驗證插件我都用過,最先用的是jqueryValidataion, 如今用Parsley。
這兩個插件都依賴jQuery
。可是若是說那個跟好用的話,真心推薦Parsley。Parsley號稱不用寫一行代碼就能驗證表單
。另外從star的數量上也能夠看出來Parsley更流行。並且Parsley支持在html中就將錯誤信息定義在裏面。html
Parsley優點jquery
直觀的DOM API
: 像沒有其餘表單驗證庫同樣,只需用HTML格式寫入您的要求,Parsley將會作剩下的全部事情!不須要編寫一行代碼來驗證表單。動態表單驗證
: parsley如今更聰明,它會自動檢測您的表單的修改並相應地調整其驗證。簡單地添加,刪除或編輯字段,parsley將會自動驗證。<form> <input type="text" required="" data-parsley-checkphonenum data-parsley-checkphonenum-message="手機號碼格式有誤" name="phoneNum" class="form-control" placeholder="請填寫手機號"> </form> //驗證表單 // 注意 checkphonenum是我自定義的驗證規則,添加到parsley裏面的 $('from').parsley().validate();