javascript表單驗證 - Parsley.js使用和配置_javascript技巧

線上示範
大家還記得我們曾經介紹過的表單驗證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即可，如下：

複製程式碼 程式碼如下:

Full Name * :

Email * :

Website :

Message (20 chars min, 200 max ) :

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