HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > Parsley:功能强大且易用的 JS 表单验证插件

Parsley:功能强大且易用的 JS 表单验证插件

      Parsley(在线演示)是一款JavaScript表单验证插件,可以帮助你只使用简单的配置即可实现表单验证功能,这完全基于它的强大DOM-API。



主要特性:

  • 基于超棒的用户体验
  • 超级方便配置
  • 超轻量级(压缩后12K),支持jQuery和Zepto
  • 超简单,只需要简单配置DOM-API,类似jQuery的data API
  • 绝对免费
  • 可靠性非常好

内建的验证:


  • required:要求输入
  • Not blank:不能为空
  • Min length:最小长度
  • Max length:最大长度
  • Range length:长度区间
  • Min:最小值
  • Max:最大值
  • Range:区域值
  • RegExp:正则表达式
  • Equal To:等于
  • Min check:检查选择的checkbox的最少数量
  • Max check:检查选择的checkbox的最多数量
  • Range check:检查选择的checkbox的区间数量
  • Remote:ajax验证

      使用和配置Parsley.js非常的简单,你只需要使用HTML的data属性来配置html即可,如下:

Html代码 
  1. <form id="demo-form" data-validate="parsley">  
  2. <label for="fullname">Full Name * :</label>  
  3. <input type="text" id="fullname" name="fullname" data-required="true" />  
  4.     
  5. <label for="email">Email * :</label>  
  6. <input type="text" id="email" name="email" data-trigger="change" data-required="true" data-type="email" />  
  7.     
  8. <label for="website">Website :</label>  
  9. <input type="text" id="website" name="website" data-trigger="change" data-type="url" />  
  10.     
  11. <label for="message">Message (20 chars min, 200 max) :</label>  
  12. <textarea id="message" name="message" data-trigger="keyup" data-rangelength="[20,200]"></textarea>  
  13. /form>  

      是不是很方便,并且文档非常的完整,不过如果你需要使用中文,需要自己本地化一下,相信如果使用过的朋友一定会喜欢的!

官方网站:http://parsleyjs.org/

Github地址:https://github.com/guillaumepotier/Parsley.js

Via gbtags

【Parsley:功能强大且易用的 JS 表单验证插件】相关文章

1. Parsley:功能强大且易用的 JS 表单验证插件

2. jQuery表单验证插件 jQuery.validity

3. 一款漂亮易用的jQuery密码强度验证插件

4. jQuery带Tooltip表单验证的注册表单

5. MixItUp功能强大的jQuery画廊插件

6. jQuery简单且功能强大的图片剪裁插件

7. MixItUp功能强大的jQuery画廊插件

8. Mozilla发布“BrowserQuest”证明HTML5的功能强大

9. 一款功能强大并且可以结合html5实现本地存储的数据库 – SQLite学习文档 ... ...

10. 强大的响应jQuery滑块插件LayerSlider

本文来源:https://www.51html5.com/a3112.html

点击展开全部

﹝Parsley:功能强大且易用的 JS 表单验证插件﹞相关内容

「Parsley:功能强大且易用的 JS 表单验证插件」相关专题

其它栏目

也许您还喜欢