首页 > 解决方案 > 是的,多个复选框的验证

问题描述

我需要使用多个复选框创建以下字段。我需要以下验证:

  1. 至少应选择其中之一
  2. 如果它的其他字段用户需要将文本添加到输入字段

我需要编写一个 yup 验证来实现这一点。

表格

标签: javascriptreactjsvalidationformikyup

解决方案


对于问题 1 - 至少应选择其中一个

试试下面的validationSchema

const validationSchema = Yup.object({checked: Yup.array().min(1, '选择至少一个您感兴趣的选项') });

在 FormIk 中使用 initialValues 如下: <Formik initialValues={{checked: []}} />

对于问题 2 - 其他字段验证,您可以查看 yup api 文档。


推荐阅读