表单验证工具 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中就将错误信息定义在里面。

Parsley优势

  • 直观的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();
    原文作者:Carl
    原文地址: https://segmentfault.com/a/1190000010284786
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞