是的验证模式同步与异步验证并为一个字段显示多个错误
yup Validation Schema Sync vs Async Validation and displaying multiple errors for one field
我有两个与 Yup 验证库相关的问题...这些问题相互关联。
第一个问题。
有什么方法可以启用验证,从而 return 所有验证错误。看例子:
const petSchema = yup.string().min( 5 ).oneOf( [ 'cat', 'dog' ] );
petSchema.validate( 'ox', { abortEarly: false } ).catch( ( e ) => {
console.log( e );
} );
我预计我会收到来自 min
和 oneOf
的错误消息,但我只收到一个错误:this must be one of the following values: cat, dog
。这是一个愚蠢的例子,但我的密码表单具有不同的验证规则,我想将这些规则全部显示给用户。我想我可以为它找到其他用例...我认为 abortEarly
应该可以工作,但它没有按预期工作。
第二个问题:
假设我有 email
字段,我想在前端使用 string().required().email()
模式检查它,并使用异步自定义 test
方法在后端再检查一次。
问题是,当 required
或 email
失败时,我的异步 test
也会被调用。如果以前的同步验证器失败,有什么办法可以停止调用 async test
吗?这也与第一个问题有关,因为如果我只能显示一个错误并且它在服务器上生成不需要的流量就没有任何意义。
编辑:关于你的验证,在我看来只是 oneOf
和 min
不兼容,这对我来说很有意义(如果你正在检查枚举,你为什么要检查长度?)。使用 min
和 max
进行测试,您可以从 err.inner
中正确地得到 two ValidationError,正如您在 StackBlitz project[=19= 中看到的那样]
关于多字段验证,在这种情况下仍然有一条消息,但是如果你 console.log
错误对象你会看到一个 errors
属性,这是一个包含所有详细错误的数组。
关于顺序验证,不幸的是,这仍然不受支持,因为在项目问题上进行了跟踪:https://github.com/jquense/yup/issues/851
我有两个与 Yup 验证库相关的问题...这些问题相互关联。
第一个问题。
有什么方法可以启用验证,从而 return 所有验证错误。看例子:
const petSchema = yup.string().min( 5 ).oneOf( [ 'cat', 'dog' ] );
petSchema.validate( 'ox', { abortEarly: false } ).catch( ( e ) => {
console.log( e );
} );
我预计我会收到来自 min
和 oneOf
的错误消息,但我只收到一个错误:this must be one of the following values: cat, dog
。这是一个愚蠢的例子,但我的密码表单具有不同的验证规则,我想将这些规则全部显示给用户。我想我可以为它找到其他用例...我认为 abortEarly
应该可以工作,但它没有按预期工作。
第二个问题:
假设我有 email
字段,我想在前端使用 string().required().email()
模式检查它,并使用异步自定义 test
方法在后端再检查一次。
问题是,当 required
或 email
失败时,我的异步 test
也会被调用。如果以前的同步验证器失败,有什么办法可以停止调用 async test
吗?这也与第一个问题有关,因为如果我只能显示一个错误并且它在服务器上生成不需要的流量就没有任何意义。
编辑:关于你的验证,在我看来只是 oneOf
和 min
不兼容,这对我来说很有意义(如果你正在检查枚举,你为什么要检查长度?)。使用 min
和 max
进行测试,您可以从 err.inner
中正确地得到 two ValidationError,正如您在 StackBlitz project[=19= 中看到的那样]
关于多字段验证,在这种情况下仍然有一条消息,但是如果你 console.log
错误对象你会看到一个 errors
属性,这是一个包含所有详细错误的数组。
关于顺序验证,不幸的是,这仍然不受支持,因为在项目问题上进行了跟踪:https://github.com/jquense/yup/issues/851