在 Web 开发中，表单验证是一个重要的环节，用于保证用户输入的数据符合要求，防止恶意攻击和错误的输入。在 Express.js 中，处理表单验证可以通过使用中间件来实现。
表单验证的基本原理
表单验证的基本原理是对用户输入的数据进行校验，判断其是否符合要求。在 Express.js 中，表单验证可以通过在路由中使用中间件来实现。中间件可以在请求到达路由之前或者之后进行处理，可以用于处理请求的认证、校验、日志等操作。
Express.js 中的表单验证
在 Express.js 中，表单验证可以通过使用第三方库来实现，如 Express-validator 和 Joi. 本文将以 Express-validator 为例，介绍如何在 Express.js 中处理表单验证。
安装和引入 Express-validator
使用 npm 安装 Express-validator：
npm install express-validator
在代码中引入 Express-validator：
const { check, validationResult } = require('express-validator');在路由中使用中间件
在路由中使用中间件可以对请求进行校验，如下所示：
// javascriptcn.com 代码示例
const express = require('express');
const { check, validationResult } = require('express-validator');
const app = express();
app.post('/user', [
check('username').isEmail(),
check('password').isLength({ min: 5 }),
], (req, res) => {
const errors = validationResult(req);
if (!errors.isEmpty()) {
return res.status(422).json({ errors: errors.array() });
}
// 处理请求
});在上面的代码中，我们使用了 check 方法来定义校验规则，可以根据具体需要使用不同的校验方法。例如，isEmail 方法用于验证邮箱格式，isLength 方法用于验证字符串长度。
使用 validationResult 方法可以获取校验结果，如果存在错误，则返回错误信息。在上面的代码中，如果存在错误，则返回 422 状态码和错误信息。
自定义校验方法
在实际开发中，可能需要自定义校验方法，例如验证用户名是否已存在。在 Express-validator 中，可以使用 custom 方法来定义自定义校验方法，如下所示：
// javascriptcn.com 代码示例
const express = require('express');
const { check, validationResult } = require('express-validator');
const app = express();
app.post('/user', [
check('username').isEmail().custom(async (value) => {
const user = await getUserByUsername(value);
if (user) {
throw new Error('Username already exists');
}
}),
check('password').isLength({ min: 5 }),
], (req, res) => {
const errors = validationResult(req);
if (!errors.isEmpty()) {
return res.status(422).json({ errors: errors.array() });
}
// 处理请求
});在上面的代码中，我们使用了 custom 方法来定义自定义校验方法。在自定义校验方法中，可以使用 throw new Error 来抛出错误信息。
总结
在 Express.js 中处理表单验证可以通过使用中间件来实现。Express-validator 是一个常用的第三方库，可以用于定义校验规则和自定义校验方法。在实际开发中，需要根据具体需求进行配置，保证数据的安全性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65825902d2f5e1655dd79b33