如何解决当我有分钟并且不需要时,会抛出错误
我尝试使用yup验证模式:
import * as yup from "yup";
let schema = yup.object().shape({
name: yup.string().min(5)
});
const x = { name: "" };
// check validity
schema
.validate(x,{ abortEarly: false })
.then((result) => {
console.log({ result });
})
.catch((err) => {
console.log({ err });
});
name
对象中的x
为空。但是是的,抛出错误min
。为什么?哪个规则可以解决这个问题?
仅当包含任何字符时,我才需要验证min
。如何使用yup函数?
解决方法
Yup抛出Error
作为异常。您看不到console.log
。如果您想在控制台上看到错误消息。在您的情况下,您只想检查name是否有值。否则,请勿检查运行评估程序是否需要使用yup.lazy
,然后在其中添加条件:
const mySchema = yup.lazy((value) =>
yup.object().shape({
name: value.name.length > 0 && yup.string().min(5) //add condition here
})
);
这是代码:
import * as yup from "yup";
const mySchema = yup.lazy((value) =>
yup.object().shape({
name: value.name.length > 0 && yup.string().min(5)
})
);
const x = { name: "" };
// check validity
mySchema
.validate(x,{ abortEarly: false })
.then((result) => {
console.log({ result });
})
.catch((err) => {
console.error(err);
console.log("Error message",err.message);
});
以下是演示:https://codesandbox.io/s/yup-render-only-input-tyjyu
,我有一个 ticket out with the makers of yup 来查看是否有办法使用内置功能来做到这一点。作为解决方法,您可以使用正则表达式通过 match
函数完成此操作。
let schema = yup.object().shape({
name: yup.string().matches(/^(|.{5,})$/,"X must be at least 5 characters")
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。