使用 hapi/Joi 的 Express JS 表單驗證無法正確驗證表單數據

Question

我有一個表單，我正在嘗試使用 hapi/Joi 包對其進行驗證，但它不從表單中獲取值。 相反，它返回第一個驗證錯誤，因為所有模式鍵都采用“未定義”的值。 我怎么解決這個問題？ 還有一種方法可以在不刷新 Express 頁面的情況下向用戶打印錯誤？ 如果是，請告訴我。

我的快遞代碼：

const express = require('express');
const app = express();
const path = require('path');
const bodyParser = require('body-parser');
const Joi = require('@hapi/joi');
const uuidv4 = require('uuid/v4');

app.set('view engine','ejs');

const urlEncodedParser = app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json());

app.use(express.static(path.join(__dirname + '/public')));

app.get('/',(req,res)=>{
    res.render('main');
});

const schema = Joi.object().keys({
    name: Joi.string().min(3).required(),
    surname: Joi.string().min(5).required(),
    age: Joi.number().integer(),
    email: Joi.string().email({minDomainSegments: 2}).required(),
    password: Joi.string().min(3).required(),
    confirm: Joi.any().valid(Joi.ref('password'))
});

app.post('/register',(req,res)=>{
    req.body.id = uuidv4();
    console.log(req.body);
    const result = Joi.validate({

        name: req.body.name,
        surname: req.body.surname,
        age: req.body.age,
        email: req.body.email,
        password: req.body.password,
        confirm: req.body.confirm

    }, schema,(error,value)=>{
        if(error){

            printError(error);

        }
        else{
            console.log('success');
        }
    });

});

function printError(error){
    console.log(error);
}

app.listen(3000);

我的表格：

<form action="/register" method="POST" enctype="multipart/form-data">

        <input type="text" name='name' class="form-control" value="">
        <input type="text" name='surname' class="form-control" value="">
        <input type="number" name='age' class="form-control" value="">
        <input type="email" name='email' class="form-control" value="">
        <input type="password" name='password' class="form-control">
        <input type="password" name='confirm' class="form-control">
        <input type="submit" class="btn btn-block btn-success" value="OKAY">

    </form>

我得到的錯誤：

{ ValidationError: child "name" fails because ["name" is required]
    at Object.exports.process (C:\xampp\htdocs\express+mongo\node_modules\@hapi\joi\lib\errors.js:202:19)
    at internals.Object._validateWithOptions (C:\xampp\htdocs\express+mongo\node_modules\@hapi\joi\lib\types\any\index.js:763:31)
    at module.exports.internals.Any.root.validate (C:\xampp\htdocs\express+mongo\node_modules\@hapi\joi\lib\index.js:145:23)
    at app.post (C:\xampp\htdocs\express+mongo\index.js:31:24)
    at Layer.handle [as handle_request] (C:\xampp\htdocs\express+mongo\node_modules\express\lib\router\layer.js:95:5)
    at next (C:\xampp\htdocs\express+mongo\node_modules\express\lib\router\route.js:137:13)
    at Route.dispatch (C:\xampp\htdocs\express+mongo\node_modules\express\lib\router\route.js:112:3)
    at Layer.handle [as handle_request] (C:\xampp\htdocs\express+mongo\node_modules\express\lib\router\layer.js:95:5)
    at C:\xampp\htdocs\express+mongo\node_modules\express\lib\router\index.js:281:22
    at Function.process_params (C:\xampp\htdocs\express+mongo\node_modules\express\lib\router\index.js:335:12)
  isJoi: true,
  name: 'ValidationError',
  details:
   [ { message: '"name" is required',
       path: [Array],
       type: 'any.required',
       context: [Object] } ],
  _object:
   { name: undefined,
     surname: undefined,
     age: undefined,
     email: undefined,
     password: undefined,
     confirm: undefined },
  annotate: [Function] }

即使我在表單中填寫姓名輸入並按回車鍵，它也會顯示“需要姓名”。

Answer 1

改變

const urlEncodedParser = app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json());

到

app.use(express.json());
app.use(express.urlencoded({ extended: true }));