Validator.js 是一款轻量级的 JavaScript 验证库，可以用于前端和后端。它支持多种类型的数据验证，包括字符串、数字、日期、数组等。本文将会介绍如何在前端中使用 Validator.js 进行数据验证。
安装
首先，在你的项目中安装 Validator.js：
npm install validatorjs
使用
引入
在你的 JavaScript 代码中引入 Validator 类：
import Validator from 'validatorjs';
或者，如果你使用的是 CommonJS 模块，则可以使用 require：
const Validator = require('validatorjs');创建实例
创建一个 Validator 实例：
-- -------------------- ---- ------- ----- ---- - - ----- ------- ------ ------------------- ---- --- -- ----- ----- - - ----- ------------------ ------ ----------------- ---- ----------------- -- ----- ---------- - --- --------------- -------
其中，data 是需要验证的数据，rules 是验证规则。在上面的示例中，name 和 email 字段是必填的字符串，age 字段是数字且最小值为 18。
验证
运行验证：
if (validation.fails()) {
console.log(validation.errors.all());
} else {
console.log('Validation passed');
}如果有任何一个规则失败，则 fails() 方法返回 true，否则返回 false。如果验证失败，则可以使用 errors 属性获取错误信息。
示例代码
下面是一个完整的示例，演示如何使用 Validator.js 进行表单验证：
-- -------------------- ---- -------
----- ------------ --------------
-----
------ ------------------------
------ ----------- --------- ------------
------
-----
------ --------------------------
------ ------------ ---------- -------------
------
-----
------ ----------------------
------ ------------- -------- -----------
------
------- -----------------------------
-------
------- ---------------------------------------------
--------
----- ---- - -----------------------------------
------------------------------- ------- -- -
-----------------------
----- ---- - -
----- -------------------------
------ --------------------------
---- ------------------------
--
----- ----- - -
----- ------------------
------ -----------------
---- -----------------
--
----- ---------- - --- --------------- -------
-- -------------------- -
-------------------------------------
- ---- -
----------------------- ---------
--------------
-
---
---------在上面的示例中，当用户提交表单时，会验证表单数据是否有效。如果不是，则阻止表单提交并输出错误信息；否则，允许表单提交。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/38870