当前位置: 首页 > 工具软件 > Parsley.js > 使用案例 >

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

司徒元明
2023-12-01

大家还记得我们曾经介绍过的表单验证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) :

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

 类似资料: