简介
在进行前端开发的过程中，我们经常需要对表单进行一些验证，以避免用户输入不符合要求的数据。通常这个过程要么是由后端开发承担，要么就是用前端的某个库来进行验证。但是，这些库的使用有时候会过于复杂，难以掌握。因此，使用 express-joi-middleware 这个 npm 包可以很方便地完成前端开发中的表单验证。
安装
要使用 express-joi-middleware，你需要先安装 Node.js 和 npm。在你的项目目录下，打开终端，输入下面的命令来安装：
npm install express-joi-middleware
安装之后，你可以使用这个库来验证你的表单了。
使用
前置条件
在使用 express-joi-middleware 之前，需要先引入一些依赖:
var express = require('express');
var app = express();
var bodyParser = require('body-parser');
var validator = require('express-joi-middleware');接下来，你需要配置一些 bodyParser 的东西，因为你的请求体中需要传递数据。
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());定义模式
为了确保表单数据的安全，我们需要定义一个“模式”，以确保表单的输入是正确的格式。在这个模式中，你可以定义你想要验证的表单字段及其类型、范围等，如下所示：
var Joi = require('joi');
var schema = Joi.object().keys({
name: Joi.string().alphanum().min(5).max(20).required(),
email: Joi.string().email().required(),
password: Joi.string().regex(/^[a-zA-Z0-9]{3,30}$/).required(),
repeat_password: Joi.any().valid(Joi.ref('password')).required()
});在这个例子中，我们定义了四个不同的表单字段：name、email、password 和 repeat_password。你可以根据你的需要来定义你自己的表单字段。
Joi 通过链式语法来定义规则，这些规则决定了哪些输入是合法的。我们使用 .string() 来限制输入必须是字符串，使用 .alphanum() 来限制输入必须是字母或数字，以及使用 .min() 和 .max() 来限制输入字符串的长度。
使用中间件
一旦你定义好了模式，你就可以使用 express-joi-middleware 来验证你的表单数据了。如下所示：
app.post('/signup', validator(schema), function(req, res) {
// 一些处理代码
})在这个例子中，我们使用了 validator(schema) 中间件来验证表单。schema 是我们刚刚定义的模式。如果任何表单字段不符合模式，这个中间件就会返回一个错误。
返回错误消息
如果中间件返回错误，你可以在回调函数中像这样使用它：
if (res.joiError) {
console.log(res.joiError); // 输出错误消息
}在这个例子中，我们先检查是否有 res.joiError。如果有，那么我们就输出这个错误消息，从而告诉用户他们的输入有误。
示例代码
接下来，我们来看一个完整的示例代码，这个代码演示了如何使用 express-joi-middleware 进行表单验证。
-- -------------------- ---- ------- --- ------- - ------------------- --- --- - ---------- --- ---------- - ----------------------- --- --------- - ---------------------------------- --- --- - --------------- -- -- ---------- ------ ------------------------------- --------- ----- ---- --------------------------- -- ---- --- ------ - ------------------- ----- -------------------------------------------------- ------ -------------------------------- --------- ----------------------------------------------------- ---------------- ----------------------------------------------- --- -- -------------------------- ------------------- ------------------ ------------- ---- - -- ----------- --- -- ---- --------------------- ---- ---- ----- - ------------------- ------------------------------- --- -- ------- ---------------- ---------- - ------------------------ ---
注意事项
当你使用这个中间件时，请注意以下几个方面：
- 你必须先定义模式，在模式中定义你想要验证的表单字段及其规则。
- 你必须使用 bodyParser 中间件来解析请求体。
- 你必须使用
validator(schema)中间件来验证表单数据。 - 如果有任何错误，你可以在回调函数中检查
res.joiError来获取错误消息。
这个中间件可以让你轻松地验证表单数据，从而保证你的应用程序保持正常运转。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600551e481e8991b448cf53d