【发布时间】:2020-06-13 18:23:43
【问题描述】:
我在 react 中创建了一个包含 2 个字段的表单。单击添加按钮后,它会添加相同的另外 2 个字段。现在我想验证这些字段。谁能帮帮我。
代码沙盒链接:https://codesandbox.io/s/react-dynamic-form-fields-9fzzh
【问题讨论】:
标签: javascript arrays reactjs forms validation
我在 react 中创建了一个包含 2 个字段的表单。单击添加按钮后,它会添加相同的另外 2 个字段。现在我想验证这些字段。谁能帮帮我。
代码沙盒链接:https://codesandbox.io/s/react-dynamic-form-fields-9fzzh
【问题讨论】:
标签: javascript arrays reactjs forms validation
你的问题有点不完整。首先,告诉我您要验证哪个字段以及到目前为止您已经尝试过什么。供参考,您可以查看此站点:here
【讨论】:
有几种方法可以做到这一点。直到最近,标准一直使用带有条件验证的大型 yup 模式(使用“何时”)。
我创建了一个名为 Fielder 的库,专门用于动态字段级验证,例如在您的示例中。它无需使用大型架构并预先提供条件。
查看后两个examples on this page,它们会随着用户在表单中的进展动态添加验证条件。
查看Fielder repo,让我知道它是否适合您!
【讨论】: