问题标签 [yup]

我正在使用Yup来验证我的表单。在我的一种形式中，我想验证一个<input type="file" />是否有文件。

我已经对此进行了测试（但它不起作用）：

我在控制台中有以下错误消息：

file 必须是一个object类型，但最终值是：（null从 value 转换{}）。如果“null”旨在作为空值，请务必将架构标记为.nullable()

任何想法？

我正在尝试使用 Yup 验证电话号码：

.min(8)验证数字为 8 或更多。所以只要输入8就会通过。我怎样才能使需要 8 个字符才能1000 0000通过？

我想静态创建一个 yup 模式（模式定义一次），每次调用时都会使用一个动态变量（每次调用的变量可能不同）。这可能吗？

例如，

（我意识到每次都可以使用该范围内的变量动态创建模式。但是，我正在使用许多静态定义的 yup 模式的代码库中工作，并使用函数将模式映射到其相应的字段。我是希望有一种方法能够将动态变量仅用于几个需要它们的模式，而不必将每个静态模式都修改为动态的。）

我基本上如何通过 yup 验证在 formik 中创建这个https://design-system.service.gov.uk/patterns/dates/ 。

所以这 3 个字段day，month并year会创建合并到一个{date: [moment]}由 yup 验证？

我正在使用 yup 验证并尝试构建一个条件验证对象。

我的问题是，如何在不对其进行硬编码的情况下将所需的和匹配的对象添加到 Yup.string() 对象中。类似于链接 jQuery 函数的方式。

这是我要实现的目标的示例：

显然这是行不通的，因为最后一个条件为真将覆盖前一个条件。

如果所有条件都为真，那么最终结果会是这样。

有任何想法吗？

谢谢。

我刚开始学习reactjs。我在搜索表单验证时遇到了 formik 和是的。到目前为止，我所经历的大多数示例都是关于无状态组件的。所以我想知道如何在有状态组件中使用 formik 和 yup ？

我有一个简单的员工详细信息表格，其中包含电子邮件、名字、姓氏、电话和城市。表单的数据是从数据库中加载的。加载数据后，用户可以对其进行编辑并将其保存到数据库。您能否通过为上述所有字段添加验证来帮助我将 formik 和 yup 添加到我的项目中？我的代码也在这里https://codesandbox.io/s/l26rqyx6j7

我的表格在EmpJobDetailsForm.js下面给出

我有一个简单的 APIUtils.js。这是非常基本的，我将在此处添加代码以从 db 获取数据。

感谢你的帮助。

谢谢

我有一个 react formik 表单，其中有一个选择字段，例如该字段的值 A、B、C、D、E、F。

现在说，另一个字段 ChooseSubType 仅在我选择 B 或 D 时显示，并且该字段仅在显示时是必填字段，而不是在此之前。

现在，我该怎么做呢？

这是第一个字段的代码，即选择字段

但这段代码不起作用。

现在，我要在这里进行哪些更改才能使这项工作按我的意愿进行？

我正在使用 Formik 和 Yup 在 React 中构建一个表单。我不确定如何为电子邮件和密码字段显示的动态错误消息设置样式。下面是一个代码示例：

https://codesandbox.io/s/j3l5w70q9w

我想对背景颜色、位置和文本颜色进行风格化，但我不知道如何将自定义类名插入出现的错误文本中。

有任何想法吗？

你好，我对 YUP 很陌生，并试图喜欢它:)

我能够让 yup 做基本的（内置）验证工作，但我似乎无法弄清楚如何进行涉及一些数学的验证。

例如，我知道您可以使用 Yup.ref('field') 和 .lessThan 来针对 field_2 验证 field_1，但是如果您想做这样的事情怎么办？

if ((field_1 * field_2} < field_3) { 返回错误 }

通过阅读文档，我知道您可以将自定义方法（即：addMethod）添加到是的，但是到目前为止我还没有使这种方法起作用。

任何帮助或指向如何以这种方式使用 addMethod 的可靠示例的链接将不胜感激。提前致谢。

如果单个条件为真，我有几个字段是必需的。有没有更好的方法来压缩此代码以避免重复when所有这些字段？

或者更真实、更复杂的样本