javascript - yup 验证模式同步与异步验证并显示一个字段的多个错误

Question

我有两个与 Yup 验证库相关的问题...这些问题是相互关联的。

第一个问题。

有什么方法可以启用验证并返回验证中的所有错误。看例子:

  const petSchema = yup.string().min( 5 ).oneOf( [ 'cat', 'dog' ] );

  petSchema.validate( 'ox', { abortEarly: false } ).catch( ( e ) => {
    console.log( e );
  } );

我预计会收到来自 min 和 oneOf 的错误消息，但我只收到一个错误:this 必须是以下值之一:cat ，狗。这是一个愚蠢的示例，但我有具有不同验证规则的密码表单，并且我想向用户一次性显示这些规则。我想我可以找到它的其他用例...我认为 abortEarly 应该可以工作，但它只是没有按预期工作。

第二个问题:

假设我有 email 字段，我想使用 string().required().email() 模式在前端检查它，并再进行一次 checkin 后端使用异步自定义 test 方法。

问题是，当 required 或 email 失败时，我的异步 test 也会被调用。如果以前的同步验证器失败，有什么方法可以停止调用异步 test 吗？此外，这与第一个问题有关，因为如果我只能显示一个错误并且它在服务器上生成不需要的流量，那么它没有任何意义。

Answer 1

编辑:关于您的验证，在我看来， oneOf 和 min 不兼容，这对我来说很有意义(如果您正在检查枚举) ，为什么要检查长度？)。使用 min 和 max 进行测试，您可以从 err.inner 正确得到two ValidationError，如您在 StackBlitz project 中看到的那样

关于多字段验证，在这种情况下仍然有一条消息，但如果您 console.log 错误对象，您将看到一个 errors 属性，该属性是一个包含所有详细错误的数组。

关于顺序验证，不幸的是，根据项目问题的跟踪，这仍然不受支持:https://github.com/jquense/yup/issues/851