如何使用Yup在验证模式中添加自定义字符串值

Question

我的react项目有这个基本的yup验证模式。

const DisplayingErrorMessagesSchema = Yup.object().shape({
username: Yup.string()
.min(2, "Too Short!")
.max(50, "Too Long!")
.required("Required"),
email: Yup.string().email("Invalid email").required("Required")
});

对于username，当username字段是一个空字符串时，它当前会验证所需的属性，但要使用多个默认字符串进行更多验证，如"；无"；，以及"；管理员"；。如何验证用户名字段的这些默认字符串？

Answer 1

他们有matches()方法，可以满足您的要求：

username: Yup.string()
.matches(/(none|default)/, { message: "Username invalid", excludeEmptyString: true })
.required("Required"),