日期:2013-1-23 来源:GBin1.com
大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧,使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能。是不是超棒? 今天介绍的Parsley同样也可以帮助你只使用简单的配置即可实现表单验证功能,基于它的强大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即可,如下:
<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>
是不是很方便,并且文档非常的完整,不过如果你需要使用中文,需要自己本地化一下,相信如果使用过的朋友一定会喜欢的!
相关推荐
javascript表单验证 - Parsley.js使用和配置.docx
大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧;天介绍的Parsley同样也可以帮助你只使用简单的配置即可实现表单验证功能,基于它的强大DOM-API,感兴趣的你可以不要错过了哦
中文版本:https://git.oschina.net/dahouge/Parsley.js 主要特性 基于超棒的用户体验超级方便配置超轻量级(压缩后12K),支持jQuery和Zepto超简单,只需要简单配置DOM-API,类似jQuery的data API绝对免费可靠性非常...
Laravel开发-laravel-parsley .zip.zip
开源项目-opsidian-parsley.zip,Parser combinator library for context-free languages
Parsley.js Js validation framwork
在线演示 大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧,使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能。是不是超棒? 今天介绍的Parsley同样也可以帮助你...
Parsley,是一款强大的JavaScript表单验证插件,可以帮助你只使用简单的配置即可实现表单验证功能,这完全基于它的强大DOM-API。 主要特性: 基于超棒的用户体验 超级方便配置 超轻量级(压缩后12K),支持...
Parsley.js-master javascript html动态生成html代码和生成html动态组件 解压密码:123
Parsley.js - 自定义验证器 我们经常使用的一组自定义 parsley.js 验证器。 贡献并帮助我们使这个库成长! 适合搭配:
香菜 JavaScript表单验证,而无需实际编写任何JavaScript代码!版本2.9.2文件参见index.html和doc/要求 > = 1.8(与2.x和3.0兼容)的如果要支持IE8)问题? 请在提问,并确保包含parsley.js标记。 请提供一个示例,...
NULL 博文链接:https://dk05408.iteye.com/blog/2103326
Parsley-处理 HTML 为 JSON
Parsley 2.0 is available in early dev mode for testing purpose. You can see it there at the moment: Parsley2 doc Please have a try, and your feeback here would be much appreciated! Thanks
Parsley.js Parsley.js的流星包装。 如果我忘记升级到最新的Parsley版本,请开始发行新刊或找到通知我的方式,我会很乐意为您升级。 或者,如果您想变得友善并为我节省几秒钟;或者叉它,做一个公关,我会合并它。...
灰烬香菜用于最终JavaScript表单验证库的Ember CLI插件安装ember install:addon ember-parsley在您的Ember CLI项目文件夹中ember install:addon ember-parsley用法模板示例: < form > < label> Password ...
欧芹英国电话号码 用于验证英国电话号码的插件 ... script src =" parsley.min.js " > </ script > 将 data 属性添加到您要验证的任何字段: < input type =" text " data-parsley-ukphonenumber />
Laravel开发-laravel-parsley 将FormRequest规则转换为Parsley规则