如何在Express中通过Yup返回所有字段的全部验证错误？

核心问题原因 #

你遇到的问题本质是两个点：

1. Yup默认开启abortEarly: true，遇到第一个验证错误就停止校验，导致无法收集同一字段的多条错误。
2. 错误对象的e.errors是扁平化的错误信息数组，不带字段关联；而你之前处理的validationErrors可能只取了每个字段的最后一条错误，没做数组收集。

直接解决方案 #

修改你的验证中间件，关键是开启abortEarly: false，并通过e.inner数组按字段分组所有错误：

const validateRequest = (schema) => async (req, res, next) => {
  try {
    // 关键：abortEarly设为false，收集所有字段的所有错误
    await schema.validate(req.body, { abortEarly: false });
    next();
  } catch (e) {
    // 按字段分组错误，每个字段对应全部错误信息数组
    const fieldErrors = {};
    e.inner.forEach(error => {
      if (!fieldErrors[error.path]) {
        fieldErrors[error.path] = [];
      }
      fieldErrors[error.path].push(error.message);
    });
    return res.status(400).json({ errors: fieldErrors });
  }
};

示例说明 #

比如你有这样的验证Schema：

const userSchema = yup.object({
  email: yup.string()
    .email('邮箱格式不正确')
    .required('邮箱不能为空'),
  password: yup.string()
    .min(6, '密码长度不能少于6位')
    .max(20, '密码长度不能超过20位')
    .required('密码不能为空')
});

当请求body为{}时，返回的错误响应会是：

{
  "errors": {
    "email": ["邮箱格式不正确", "邮箱不能为空"],
    "password": ["密码长度不能少于6位", "密码长度不能超过20位", "密码不能为空"]
  }
}

关键细节 #

• abortEarly: false：必须开启这个配置，否则Yup只会返回第一个遇到的错误，同一字段的后续验证不会执行。
• e.inner：这个数组存储了所有带字段路径的错误对象，每个元素包含path（字段名）和message（错误信息），是分组的核心依据。
• 不要用e.errors：它只是把所有message提取出来的扁平化数组，没有字段关联，无法直接分组。

内容的提问来源于stack exchange，提问作者Mr. Kenneth