表單驗證工具 jquery-validation Vs Parsley

基本對比

名稱 gitbub地址 stars 文檔地址
jquery-validation 這裏 7859(截止7/21) 這裏
Parsley.js 這裏 7979(截止7/21) 這裏

強烈推薦Parsley

這兩個表格驗證插件我都用過,最先用的是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();
相關文章
相關標籤/搜索