15個(gè)非常實(shí)用的JavaScript表單驗(yàn)證庫(kù)

來(lái)源：web前端開(kāi)發(fā)

https://mp.weixin.qq.com/s/p9s9cmAt2MZeCgmD2LC5Sg

客戶端驗(yàn)證在任何項(xiàng)目都是不可缺少的，很多時(shí)候我們需要在用戶提交到服務(wù)器之前給予提示。

表單驗(yàn)證庫(kù)允許開(kāi)發(fā)人員自定義樣式、錯(cuò)誤消息和樣式以及簡(jiǎn)化驗(yàn)證規(guī)則的創(chuàng)建。

今天，我將與大家分享15個(gè)非常實(shí)用的表單驗(yàn)證庫(kù)，可以使你的表單驗(yàn)證對(duì)用戶更加友好以及外觀樣式更加漂亮。

ApproveJS

地址

https://charlgottschalk.github.io/approvejs/docs/

ApproveJs不會(huì)自動(dòng)將其自身附加到輸入更改事件或表單提交事件。它還不會(huì)通過(guò)自動(dòng)顯示錯(cuò)誤來(lái)為你操縱DOM。這使你可以根據(jù)需要進(jìn)行驗(yàn)證。

ApproveJs公開(kāi)一個(gè)方法value（），讓你決定何時(shí)驗(yàn)證值以及如何顯示錯(cuò)誤。如果你想掌控自己或像我一樣有點(diǎn)強(qiáng)迫癥，那么ApproveJs非常適合你。

Validator.js

地址

https://github.com/validatorjs/validator.jsv

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

Valid.js

地址

https://github.com/dleitee/valid.js

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

字符串：

isString，minLength（min），maxLength（max），長(zhǎng)度（min，max），regex（reg）

數(shù)字：

isNumber，minNumber，maxNumber

日期：

isDate，minDate（min），maxDate（max） ，介于（min，max）之間

Bool：

isTrue，isFalseUtil：isRequired，isEmail，isCep

Util：

isRequired，isEmail，isCep

Validate.js

地址

https://validatejs.org/

Validate.js提供了一種驗(yàn)證JavaScript對(duì)象的聲明方式。它已經(jīng)通過(guò)100％代碼覆蓋率的單元測(cè)試，可以使用。

validate.js的目標(biāo)是提供一種驗(yàn)證數(shù)據(jù)的跨框架和跨語(yǔ)言方式。驗(yàn)證約束可以用JSON聲明，并在客戶端和服務(wù)器之間共享。

jQuery.mobilePhoneNumber

地址

https://github.com/stripe/jquery.mobilePhoneNumber

jQuery.mobilePhoneNumber是用于驗(yàn)證和格式化手機(jī)號(hào)碼的通用庫(kù)。

xTypejs

地址

https://xtype.js.org/overview

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

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

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

Payform

地址

https://jondavidjohn.github.io/payform/

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

Mailcheck

地址

https://github.com/mailcheck/mailcheck

mailcheck是一個(gè)JavaScript庫(kù)和jQuery插件，當(dāng)你的用戶在電子郵件地址中拼寫(xiě)錯(cuò)誤時(shí)，它會(huì)建議一個(gè)正確的域。當(dāng)您的用戶鍵入“ [email protected]”時(shí)，Mailcheck將建議“ [email protected]”。

Formance.js

地址

http://omarshammas.github.io/formancejs

基于Stripe的 jQuery.payment庫(kù)，用于格式化和驗(yàn)證表單字段的jQuery 庫(kù)。

它支持各種領(lǐng)域，例如信用卡cvc，信用卡有效期，信用卡號(hào)，電子郵件地址，日期，號(hào)碼，安大略省的駕照號(hào)碼等等。

Verify.js

地址

http://verifyjs.com/

Verify.js是一個(gè)功能強(qiáng)大的，可自定義的異步表單驗(yàn)證庫(kù)。它是完全可定制的，易于擴(kuò)展的，不引人注意的，并且包括分組驗(yàn)證以及異步驗(yàn)證。

Seahorse

地址

http://seahorsejs.sourceforge.net/index.php

Seahorse是一個(gè)JavaScript庫(kù)，已被許可為免費(fèi)軟件，旨在簡(jiǎn)化表單的使用，尤其是簡(jiǎn)化表單驗(yàn)證。

它提供了驗(yàn)證轉(zhuǎn)換和序列化信息的功能，以及將實(shí)時(shí)驗(yàn)證行為分配給表單字段的功能。

它可以與任何JavaScript框架一起使用??，但是有一個(gè)可與jQuery一起使用的插件。

Parsleyjs

地址

http://parsleyjs.org/

Parsley是一個(gè)JavaScript表單驗(yàn)證庫(kù)。它可以幫助您在將表單提交到您的服務(wù)器之前向用戶提供有關(guān)其表單提交的反饋。它可以節(jié)省帶寬，服務(wù)器負(fù)載，并為用戶節(jié)省時(shí)間。

JavaScript表單驗(yàn)證不是必需的，并且如果使用，它也不能替代強(qiáng)大的后端服務(wù)器驗(yàn)證。

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

Form Validation Made Easy

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

可以輕松地將腳本插入現(xiàn)有的HTML表單代碼中，而無(wú)需大量更改HTML代碼。

或從頭開(kāi)始實(shí)施。該腳本還可以處理輸入字段，文本區(qū)域，復(fù)選框，單選按鈕和選擇列表的輸入值填充（如果已指定默認(rèn)值）以及何時(shí)將表單發(fā)布并返回給用戶。

這意味著當(dāng)表單無(wú)效時(shí)，用戶無(wú)需兩次輸入相同的信息！

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

Java Form Validation Library

這是一個(gè)完整的庫(kù)，用于驗(yàn)證客戶端輸入并相應(yīng)地提供反饋。JavaScript庫(kù)包含12個(gè)基本的驗(yàn)證函數(shù)，可以驗(yàn)證所有類(lèi)型的表單字段。

該庫(kù)包括簡(jiǎn)單的集成，視覺(jué)反饋，范圍檢查，文本反饋，檢查最小長(zhǎng)度，值檢索，檢查日期格式，驗(yàn)證電子郵件，驗(yàn)證URL等。

Easy to Setup Form Validator Java

地址

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

JS Auto Form Validator是一個(gè)易于設(shè)置的表單驗(yàn)證腳本，它使您可以使用現(xiàn)成的JavaScript類(lèi)來(lái)處理整個(gè)表單驗(yàn)證過(guò)程。

該腳本允許您將某些表單元素指定為“必需”或“非必需”，以及它們具有的特定類(lèi)型：文本，密碼，數(shù)字，郵政編碼等。

它在本機(jī)JavaScript上有效，這意味著頁(yè)面將被大量加載更快-特別是在移動(dòng)設(shè)備上-無(wú)需jQuery！