javascript表單驗證 - Parsley.js使用和配置_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:42 PM

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

複製程式碼程式碼如下:

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

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

在JavaScript中替換字符串字符Mar 11, 2025 am 12:07 AM

JavaScript字符串替換方法詳解及常見問題解答本文將探討兩種在JavaScript中替換字符串字符的方法：在JavaScript代碼內部替換和在網頁HTML內部替換。在JavaScript代碼內部替換字符串最直接的方法是使用replace()方法： str = str.replace("find","replace"); 該方法僅替換第一個匹配項。要替換所有匹配項，需使用正則表達式並添加全局標誌g： str = str.replace(/fi

8令人驚嘆的jQuery頁面佈局插件Mar 06, 2025 am 12:48 AM

利用輕鬆的網頁佈局：8 ESTISSEL插件jQuery大大簡化了網頁佈局。本文重點介紹了簡化該過程的八個功能強大的JQuery插件，對於手動網站創建特別有用

構建您自己的Ajax Web應用程序Mar 09, 2025 am 12:11 AM

因此，在這裡，您準備好了解所有稱為Ajax的東西。但是，到底是什麼？ AJAX一詞是指用於創建動態，交互式Web內容的一系列寬鬆的技術。 Ajax一詞，最初由Jesse J創造

10個JQuery Fun and Games插件Mar 08, 2025 am 12:42 AM

10款趣味橫生的jQuery遊戲插件，讓您的網站更具吸引力，提升用戶粘性！雖然Flash仍然是開發休閒網頁遊戲的最佳軟件，但jQuery也能創造出令人驚喜的效果，雖然無法與純動作Flash遊戲媲美，但在某些情況下，您也能在瀏覽器中獲得意想不到的樂趣。 jQuery井字棋遊戲遊戲編程的“Hello world”，現在有了jQuery版本。源碼 jQuery瘋狂填詞遊戲這是一個填空遊戲，由於不知道單詞的上下文，可能會產生一些古怪的結果。源碼 jQuery掃雷遊戲