如何在Node.js+Express+Pug表单中返回多个验证错误？

要一次性返回所有输入错误，核心是放弃嵌套的短路判断逻辑，改用数组收集所有验证失败项，再统一传递到前端渲染。以下是具体实现步骤：

1. 后端验证逻辑改造 #

不再遇到第一个错误就跳转，而是先遍历所有验证规则，把所有错误存入数组，最后统一处理：

// 初始化错误数组
const errors = [];

// 1. 验证用户名是否存在
if (!usernameExists) { // 替换你实际的用户名存在判断逻辑
  errors.push("用户名不存在");
}

// 2. 验证用户ID格式有效性
if (!isValidUserId) { // 替换你实际的用户ID验证逻辑
  errors.push("用户ID格式无效");
}

// 3. 验证密码正确性
if (inputPassHash !== password_sha512Finished) {
  errors.push("密码不正确");
}

// 4. 验证验证码有效性
if (req.body.captcha_input !== req.session.captcha_value) {
  errors.push("验证码无效");
}

// 处理错误或执行登录
if (errors.length > 0) {
  // 将错误存入session（需确保Express已配置session中间件）
  req.session.errors = errors;
  res.redirect("/login");
  return;
}

// 所有验证通过，执行登录逻辑
req.session.logged = true;
res.redirect("/");

2. 前端Pug模板渲染所有错误 #

在登录页的Pug模板中，读取session里的错误数组，遍历显示所有错误信息：

// login.pug
if errors
  .error-list
    h3 输入有误，请修正：
    ul
      each error in errors
        li= error

3. 优化建议（可选） #

• 用express-flash中间件替代直接存session：flash消息会在一次请求后自动清除，避免错误信息在页面刷新后重复显示。使用时只需把req.session.errors = errors改成req.flash('errors', errors)，模板中用flash.errors读取。
• 错误信息可以扩展为对象格式（比如{ field: 'password', message: '密码长度不足6位' }），方便前端给对应输入框绑定错误样式，提升用户体验。

内容的提问来源于stack exchange，提问作者dontitcare