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！

在線預覽

• 本文固定連接: http://www.i7758.com/archives/2819.html