jquery parsley ajax,用户体验超棒且功能强大使用简单的javascript表单验证

大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧，使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能。是不是超棒？今天介绍的Parsley同样也可以帮助你只使用简单的配置即可实现表单验证功能，基于它的强大DOM-API。

主要特性

1.基于超棒的用户体验

2.超级方便配置

3.超轻量级(压缩后12K)，支持jQuery和Zepto

4.超简单，只需要简单配置DOM-API，类似jQuery的data API

5.绝对免费

6.可靠性非常好

内建的验证

1.required：要求输入

2.Not blank：不能为空

3.Min length：最小长度

4.Max length：最大长度

5.Range length：长度区间

6.Min：最小值

7.Max：最大值

8.Range：区域值

9.RegExp：正则表达式

10.Equal To：等于

11.Min check：检查选择的checkbox的最少数量

12.Max check：检查选择的checkbox的最多数量

13.Range check：检查选择的checkbox的区间数量

14.Remote：ajax验证

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

Full Name * ：

Email * ：

Website ：

Message (20 chars min， 200 max) ：

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

jquery parsley ajax,用户体验超棒且功能强大使用简单的javascript表单验证 - Parsley.js...相关推荐

AJAX+JavaScript表单验证
AJAX表单验证 1.前端组件以及JS+AJAX完成表单数据的上传 <html><head></head><body><fieldset> ...
android 微信webview,android实现用户体验超棒的微信WebView进度条
现在微信的用户体验一直被产品经理们所推崇,今天这里具体分析一下微信在WebView的进度条上怎么提升用户体验. 最终微信的加载进度条的效果图网络正常的状态,分为两种加载速度,前部分正常速度加载,后边 ...
web微信Android版,android实现用户体验超棒的微信WebView进度条
现在微信的用户体验一直被产品经理们所推崇,今天这里具体分析一下微信在WebView的进度条上怎么提升用户体验. 最终微信的加载进度条的效果图网络正常的状态,分为两种加载速度,前部分正常速度加载,后边 ...
jquery的validate表单验证表单注册插件
这款插件非常好用! 首先导入插件: <script src="js/jquery.validate.min.js" type="text/javascript&qu ...
轻量级的jQuery表单验证插件 - HAPPY.js
为什么80%的码农都做不了架构师?>>> 日期:2012-9-14 来源:GBin1.com 在线演示本地下载功能强大的表单验证插件很多,以前我们介绍过validati ...
转载 - 使用HTML5、CSS3和jQuery增强网站用户体验
记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验?是不是立刻就想到了flash实现?这彷佛年代久远的事了.使用现在最流行的Web技术HTML5,CSS3和jQuery,同样也可以实现类 ...
使用HTML5、CSS3和jQuery增强网站用户体验
记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验?是不是立刻就想到了flash实现?这彷佛年代久远的事了.使用现在最流行的Web技术HTML5,CSS3和jQuery,同样也可以实现类 ...
表单验证设计的用户体验基本原则
转自:http://www.oschina.net/translate/ux-form-validation?from=20130331 英文原文:The Ultimate UX Design of ...
Spring MVC和JQuery用于Ajax表单验证
在本教程中,我们将看到如何使用Ajax和Spring MVC和JQuery在服务器端验证表单. Spring MVC为通过注释驱动的配置采用Ajax提供了非常方便的过程. 我们将使用此注释驱动的配置以 ...

jquery parsley ajax,用户体验超棒且功能强大使用简单的javascript表单验证 - Parsley.js...

jquery parsley ajax,用户体验超棒且功能强大使用简单的javascript表单验证 - Parsley.js...相关推荐

最新文章

热门文章