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

客戶端驗證在任何項目都是不可缺少的，很多時候我們需要在用戶提交到服務器之前給予提示。表單驗證庫允許開發(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是一個字符串驗證器和消毒劑庫。它可以在客戶端和服務器端使用。

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聲明，并在客戶端和服務器之間共享。

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

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

7、Payform

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

Payform是一個JavaScript庫，用于構建信用卡表單，驗證輸入和格式化數(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?庫。它支持各種領域，例如信用卡cvc，信用卡有效期，信用卡號，電子郵件地址，日期，號碼，安大略省的駕照號碼等等。

10、Verify.js

地址：http://verifyjs.com/

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

11、Seahorse

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

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

12、Parsleyjs

地址：http://parsleyjs.org/

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

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

13、Form Validation Made Easy

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

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

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

14、Java Form Validation Library

這是一個完整的庫，用于驗證客戶端輸入并相應地提供反饋。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是一個易于設置的表單驗證腳本，它使您可以使用現(xiàn)成的JavaScript類來處理整個表單驗證過程。該腳本允許您將某些表單元素指定為“必需”或“非必需”，以及它們具有的特定類型：文本，密碼，數(shù)字，郵政編碼等。它在本機JavaScript上有效，這意味著頁面將被大量加載更快-特別是在移動設備上-無需jQuery！