15個非常實用的JavaScript表單驗證庫

客戶端驗證在任何項目都是不可缺少的，很多時候我們需要在用戶提交到服務(wù)器之前給予提示。表單驗證庫允許開發(fā)人員自定義樣式、錯誤消息和樣式以及簡化驗證規(guī)則的創(chuàng)建。

今天，我將與大家分享15個非常實用的表單驗證庫，可以使你的表單驗證對用戶更加友好以及外觀樣式更加漂亮。

1、ApproveJS

地址：https://charlgottschalk.github.io/approvejs/docs/

ApproveJs不會自動將其自身附加到輸入更改事件或表單提交事件。它還不會通過自動顯示錯誤來為你操縱DOM。這使你可以根據(jù)需要進行驗證。ApproveJs公開一個方法value（），讓你決定何時驗證值以及如何顯示錯誤。如果你想掌控自己或像我一樣有點強迫癥，那么ApproveJs非常適合你。

2、Validator.js

地址：https://github.com/validatorjs/validator.js

validateator.js是一個字符串驗證器和消毒劑庫。它可以在客戶端和服務(wù)器端使用。

3、Valid.js

地址：https://github.com/dleitee/valid.js

Valid.js是用于數(shù)據(jù)驗證的簡單JavaScript庫。這是驗證功能。

?字符串：isString，minLength（min），maxLength（max），長度（min，max），regex（reg）
?數(shù)字：isNumber，minNumber，maxNumber，介于
?日期：isDate，minDate（min），maxDate（max） ，介于（min，max）之間
?Bool：isTrue，isFalse
?Util：isRequired，isEmail，isCep

4、Validate.js

地址：https://validatejs.org/

Validate.js提供了一種驗證JavaScript對象的聲明方式。它已經(jīng)通過100％代碼覆蓋率的單元測試，可以使用。validate.js的目標是提供一種驗證數(shù)據(jù)的跨框架和跨語言方式。驗證約束可以用JSON聲明，并在客戶端和服務(wù)器之間共享。

5、jQuery.mobilePhoneNumber

地址：https://github.com/stripe/jquery.mobilePhoneNumber

jQuery.mobilePhoneNumber是用于驗證和格式化手機號碼的通用庫。

6、xTypejs

地址：https://xtype.js.org/overview

xtype.js是一種優(yōu)雅，高效的JavaScript數(shù)據(jù)驗證。它使用近40種高效的數(shù)據(jù)驗證偽類型為JavaScript提供簡潔，高性能，可讀性，數(shù)據(jù)和類型驗證。

通過將JavaScript應(yīng)用程序中最基本但最常見的數(shù)據(jù)和類型驗證統(tǒng)一為單個，簡潔且高度優(yōu)化的操作，可以提高應(yīng)用程序的效率和可讀性。

并采用按位運算，數(shù)據(jù)預(yù)處理和內(nèi)存有效的內(nèi)存存儲，在大小型應(yīng)用程序和庫中實現(xiàn)快速，強大的性能。

7、Payform

地址：https://jondavidjohn.github.io/payform/

Payform是一個JavaScript庫，用于構(gòu)建信用卡表單，驗證輸入和格式化數(shù)字。該庫還包括一個?jQuery插件。

8、Mailcheck

地址：https://github.com/mailcheck/mailcheck

mailcheck是一個JavaScript庫和jQuery插件，當你的用戶在電子郵件地址中拼寫錯誤時，它會建議一個正確的域。當您的用戶鍵入“ [email protected]”時，Mailcheck將建議“ [email protected]”。

9、Formance.js

地址：http://omarshammas.github.io/formancejs

基于Stripe的?jQuery.payment庫，用于格式化和驗證表單字段的jQuery?庫。它支持各種領(lǐng)域，例如信用卡cvc，信用卡有效期，信用卡號，電子郵件地址，日期，號碼，安大略省的駕照號碼等等。

10、Verify.js

地址：http://verifyjs.com/

Verify.js是一個功能強大的，可自定義的異步表單驗證庫。它是完全可定制的，易于擴展的，不引人注意的，并且包括分組驗證以及異步驗證。

11、Seahorse

地址：http://seahorsejs.sourceforge.net/index.php

Seahorse是一個JavaScript庫，已被許可為免費軟件，旨在簡化表單的使用，尤其是簡化表單驗證。它提供了驗證轉(zhuǎn)換和序列化信息的功能，以及將實時驗證行為分配給表單字段的功能。它可以與任何JavaScript框架一起使用??，但是有一個可與jQuery一起使用的插件。

12、Parsleyjs

地址：http://parsleyjs.org/

Parsley是一個JavaScript表單驗證庫。它可以幫助您在將表單提交到您的服務(wù)器之前向用戶提供有關(guān)其表單提交的反饋。它可以節(jié)省帶寬，服務(wù)器負載，并為用戶節(jié)省時間。
JavaScript表單驗證不是必需的，并且如果使用，它也不能替代強大的后端服務(wù)器驗證。

這就是Parsley在這里的原因：讓您定義常規(guī)的表單驗證，在后端實現(xiàn)它，然后簡單地將其移植到前端，同時最大程度地尊重用戶體驗最佳實踐。

13、Form Validation Made Easy

表單驗證-簡單易用的腳本使您可以非常輕松地設(shè)置驗證規(guī)則，并針對來自任何類型的數(shù)組數(shù)據(jù)源（例如$ _POST，$ _ GET或鍵/值填充數(shù)組）的任何輸入來驗證這些規(guī)則。

可以輕松地將腳本插入現(xiàn)有的HTML表單代碼中，而無需大量更改HTML代碼。或從頭開始實施。該腳本還可以處理輸入字段，文本區(qū)域，復(fù)選框，單選按鈕和選擇列表的輸入值填充（如果已指定默認值）以及何時將表單發(fā)布并返回給用戶。這意味著當表單無效時，用戶無需兩次輸入相同的信息！

該腳本附帶了一堆預(yù)定義的規(guī)則，但是如何驗證表單中的每個輸入都由您決定。使用自定義功能，您可以連接腳本并提供自己的驗證規(guī)則和錯誤消息。

14、Java Form Validation Library

這是一個完整的庫，用于驗證客戶端輸入并相應(yīng)地提供反饋。JavaScript庫包含12個基本的驗證函數(shù)，可以驗證所有類型的表單字段。該庫包括簡單的集成，視覺反饋，范圍檢查，文本反饋，檢查最小長度，值檢索，檢查日期格式，驗證電子郵件，驗證URL等。

15、Easy to Setup Form Validator Java

地址：https://www.apphp.com/js-formvalidator/index.php?page=installation

JS Auto Form Validator是一個易于設(shè)置的表單驗證腳本，它使您可以使用現(xiàn)成的JavaScript類來處理整個表單驗證過程。該腳本允許您將某些表單元素指定為“必需”或“非必需”，以及它們具有的特定類型：文本，密碼，數(shù)字，郵政編碼等。它在本機JavaScript上有效，這意味著頁面將被大量加載更快-特別是在移動設(shè)備上-無需jQuery！