大家還記得我們曾經(jīng)介紹過的表單驗(yàn)證jquery插件jquery.validationEngine吧，使用這個插件你不需要寫任何一行js代碼就可以生成一個功能強(qiáng)大的表單驗(yàn)證功能。是不是超棒？ 今天介紹的Parsley同樣也可以幫助你只使用簡單的配置即可實(shí)現(xiàn)表單驗(yàn)證功能，基于它的強(qiáng)大DOM-API。

主要特性

1.基于超棒的用戶體驗(yàn)

2.超級方便配置

3.超輕量級(壓縮后12K)，支持jQuery和Zepto

4.超簡單，只需要簡單配置DOM-API，類似jQuery的data API

5.絕對免費(fèi)

6.可靠性非常好

內(nèi)建的驗(yàn)證

1.required：要求輸入

2.Not blank：不能為空

3.Min length：最小長度

4.Max length：最大長度

5.Range length：長度區(qū)間

6.Min：最小值

7.Max：最大值

8.Range：區(qū)域值

9.RegExp：正則表達(dá)式

10.Equal To：等于

11.Min check：檢查選擇的checkbox的最少數(shù)量

12.Max check：檢查選擇的checkbox的最多數(shù)量

13.Range check：檢查選擇的checkbox的區(qū)間數(shù)量

14.Remote：ajax驗(yàn)證

使用和配置Parsley.js非常的簡單，你只需要使用HTML的data屬性來配置html即可，如下：

Full Name * ：

Email * ：

Website ：

Message (20 chars min， 200 max) ：

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

總結(jié)

以上是生活随笔為你收集整理的jquery parsley ajax,用户体验超棒且功能强大使用简单的javascript表单验证 - Parsley.js...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。