首頁 > web前端 > js教程 > javascript表單驗證 - Parsley.js使用和配置_javascript技巧

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

WBOY
發布: 2016-05-16 17:42:51
原創
1835 人瀏覽過
線上示範
大家還記得我們曾經介紹過的表單驗證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即可,如下:
複製程式碼 程式碼如下:












是不是很方便,而且文檔非常的完整,不過如果你需要使用中文,需要自己本地化一下,相信如果使用過的朋友一定會喜歡的!
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板