Parsley:功能强大且易用的 JS 表单验证插件
Parsley(在线演示)是一款JavaScript表单验证插件,可以帮助你只使用简单的配置即可实现表单验证功能,这完全基于它的强大DOM-API。
主要特性:
内建的验证:
使用和配置Parsley.js非常的简单,你只需要使用HTML的data属性来配置html即可,如下:
Html代码
是不是很方便,并且文档非常的完整,不过如果你需要使用中文,需要自己本地化一下,相信如果使用过的朋友一定会喜欢的!
官方网站:http://parsleyjs.org/
Github地址:https://github.com/guillaumepotier/Parsley.js
Via gbtags
主要特性:
- 基于超棒的用户体验
- 超级方便配置
- 超轻量级(压缩后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代码
- <form id="demo-form" data-validate="parsley">
- <label for="fullname">Full Name * :</label>
- <input type="text" id="fullname" name="fullname" data-required="true" />
- <label for="email">Email * :</label>
- <input type="text" id="email" name="email" data-trigger="change" data-required="true" data-type="email" />
- <label for="website">Website :</label>
- <input type="text" id="website" name="website" data-trigger="change" data-type="url" />
- <label for="message">Message (20 chars min, 200 max) :</label>
- <textarea id="message" name="message" data-trigger="keyup" data-rangelength="[20,200]"></textarea>
- /form>
<form id="demo-form" data-validate="parsley"> <label for="fullname">Full Name * :</label> <input type="text" id="fullname" name="fullname" data-required="true" /> <label for="email">Email * :</label> <input type="text" id="email" name="email" data-trigger="change" data-required="true" data-type="email" /> <label for="website">Website :</label> <input type="text" id="website" name="website" data-trigger="change" data-type="url" /> <label for="message">Message (20 chars min, 200 max) :</label> <textarea id="message" name="message" data-trigger="keyup" data-rangelength="[20,200]"></textarea> </form>
是不是很方便,并且文档非常的完整,不过如果你需要使用中文,需要自己本地化一下,相信如果使用过的朋友一定会喜欢的!
官方网站:http://parsleyjs.org/
Github地址:https://github.com/guillaumepotier/Parsley.js
Via gbtags
【Parsley:功能强大且易用的 JS 表单验证插件】相关文章
2. jQuery表单验证插件 jQuery.validity
8. Mozilla发布“BrowserQuest”证明HTML5的功能强大
9. 一款功能强大并且可以结合html5实现本地存储的数据库 – SQLite学习文档 ... ...
10. 强大的响应jQuery滑块插件LayerSlider
本文来源:https://www.51html5.com/a3112.html
﹝Parsley:功能强大且易用的 JS 表单验证插件﹞相关内容
- 强大的响应jQuery滑块插件LayerSlider
- HTML5、CSS3应用教程之 跟DIV说Bey!Bey!
- ZOOM - 简单易用的 jQuery 照片相册插件
- jQuery带格式验证的注册表单
- Mural.ly:基于HTML5技术的在线协作和头脑风暴新工具
- Slip.js:在触摸屏上实现列表的滑动排序功能
- jQuery+CSS三维变换过渡功能插件RefineSlide
- CSS3系列教程:HSL 和HSLA
- 浏览器兼容突破一小步 OA易用性革新一大步
- SlimerJS – Web开发人员可编写 JS 控制的浏览器