15個最佳的 JavaScript 表單驗證庫


客戶端驗證在任何項目都是不夠的,因為 JavaScript 可以直接忽略,人們可以提交請求到服務器。 然而這並不意味着客戶端驗證都沒必要了,很多時候我們需要在用戶提交到服務器之前給予提示。JavaScript 表單驗證庫允許開發人員自定義樣式、錯誤消息和樣式以及簡化驗證規則的創建。

在本文中,您將找到最好的15個 JavaScript 表單驗證庫,可以幫助你讓表單驗證對用戶更友好的和美觀。

1.ApproveJS

approvejs不會自動附加到輸入變化的事件或表單提交事件。它也不會通過自動顯示錯誤來操作DOM。這允許您處理您想要的驗證。approvejs暴露一個單一的方法,value()讓你決定當一個值驗證錯誤顯示的方式。如果你喜歡控制或有點強迫症一樣,approvejs是給你的。

在線預覽

2.Validator.js

validator.js是一個字符串驗證器和殺菌劑庫。它可以在客戶端和服務器端使用。

在線預覽

3.Valid.js

Valid.js 是數據驗證一個簡單的JavaScript庫。下面是驗證函數。

• String : isString, minLength(min), maxLength(max), length(min, max), regex(reg)

• Number: isNumber, minNumber, maxNumber, between

• Date: isDate, minDate(min), maxDate(max), between(min, max)

• Bool: isTrue, isFalse

• Util: isRequired, isEmail, isCep

在線預覽

4.Validate.js

Validate.js provides a declarative way of validating JavaScript objects. It is unit tested with 100% code coverage and can be considered fit for production. The goal of validate.js is to provide a cross framework and cross language way of validating data. The validation constraints can be declared in JSON and shared between clients and the server. 提供驗證JavaScript對象的聲明方式。它是單元測試,有100%的代碼覆蓋率,可以被認為適合於生產。validate.js的目標是提供一個跨框架和驗證數據的跨語言的方式。驗證約束可以在JSON中聲明,並在客戶端和服務器之間共享。

在線預覽

5.jQuery.mobilePhoneNumber

jQuery.mobilePhoneNumber是用於驗證和格式化移動電話號碼的通用庫。

在線預覽

6.xTypejs

xtype.js是一種優雅、高效的JavaScript數據驗證。它提供了簡潔、高效的,可讀性強,數據和JavaScript類型驗證,使用接近40的高效數據驗證偽類型。

它可以提高應用程序的效率和可讀性的統一的最基本而共同的數據和JavaScript應用程序,類型驗證單,簡潔,高度優化的操作。

采用按位運算、數據預處理、高效存儲記憶的快速,在小型和大型的應用程序和庫的魯棒性能。

在線預覽

7.Payform

Payform是用於構建信用卡表單、驗證輸入和格式化數字的JavaScript庫。這個庫還包括一個 jQuery插件。

在線預覽

8.Mailcheck

mailcheck是一個JavaScript庫jQuery插件,提示右域,當你的用戶將在一個電子郵件地址。當你的用戶類型在"user@hotnail.con", Mailcheck認為 "user@hotmail.com"。

在線預覽

9.Formance.js

用於格式化和驗證表單字段的jQuery庫,基於條紋的 jquery.payment圖書館。它支持各種領域,如信用卡CVC,信用卡到期,信用卡號碼,電子郵件地址,日期,號碼,安大略的駕駛執照號碼和更多。

在線預覽

10.Verify.js

Verify.js是一個強大的、可定制的異步表單驗證庫。它是完全可定制的,易於擴展,不引人注目,包括分組驗證以及異步驗證。

在線預覽

11.Seahorse

Seahorse是一個JavaScript庫,被授權為自由軟件,它是為了簡化表單的使用而創建的,特別是簡化表單驗證。它提供的功能來驗證轉換和序列化的信息和功能將實時驗證行為形成的領域。它可以被用於任何 的JavaScript框架,然而,有一個插件一起使用jQuery。

在線預覽

12.>Parsleyjs

Parsley是一個JavaScript表單驗證庫。它可以幫助您在發送表單到服務器之前向用戶提供表單提交的反饋。它節省了帶寬,服務器負載,節省了用戶的時間。

JavaScript表單驗證不是必需的,如果使用,它不會取代強大的后端服務器驗證。

這就是為什么Parsley在這里:讓你定義你的一般形式的驗證,執行它的后端側,和簡單的端口前端側,以最大的尊重用戶體驗的最佳實踐。

在線預覽

13.Form Validation Made Easy

表單驗證–簡單腳本允許你很容易設置驗證規則和驗證這些規則對任何輸入來自任何類型的數組數據源如_post美元,美元_get或鍵/值填充數組。

該腳本可以輕松地插入現有的HTML表單代碼,而無需大幅度更改HTML代碼。或從頭開始實施。劇本也處理的輸入值的人口輸入框、文本區域、復選框、單選按鈕和選擇列表,如果默認值被指定當窗體發送和返回給用戶。這意味着用戶在表單無效時,不必輸入兩次相同的信息!

該腳本附帶了一系列預定義規則,但您希望如何驗證表單中的每個輸入都取決於您自己。使用自定義函數,您可以連接腳本並提供自己的驗證規則和錯誤消息。

在線預覽

14.JavaScript Form Validation Library

這是一個完整的庫,用於驗證客戶端輸入並相應地提供反饋。JavaScript庫包含12個基本驗證函數,它們可以驗證所有類型的表單字段。此庫包括簡單的集成、可視化反饋、范圍檢查、文本反饋、檢查最小長度、值檢索、檢查日期格式、驗證電子郵件、驗證URL等。

在線預覽

15.Easy to Setup Form Validator JavaScript

JS自動生成驗證器是一個易於安裝的表單驗證腳本,可以使用現成的JavaScript類處理整個表單驗證過程。該腳本允許您指定某些表單元素為“必需的”或“非必需的”,也可以指定它們的特定類型:文本、密碼、數字、郵政編碼等。它適用於本機JavaScript,意味着頁面加載速度要快得多,尤其是在移動設備上,因為不需要jQuery!

在線預覽


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM