【问题标题】:Form validation for dynamically added fields in reactreact中动态添加字段的表单验证
【发布时间】:2020-06-13 18:23:43
【问题描述】:

我在 react 中创建了一个包含 2 个字段的表单。单击添加按钮后,它会添加相同的另外 2 个字段。现在我想验证这些字段。谁能帮帮我。

代码沙盒链接:https://codesandbox.io/s/react-dynamic-form-fields-9fzzh

【问题讨论】:

    标签: javascript arrays reactjs forms validation


    【解决方案1】:

    你的问题有点不完整。首先,告诉我您要验证哪个字段以及到目前为止您已经尝试过什么。供参考,您可以查看此站点:here

    【讨论】:

    • 算了,我找到了解决方案。我已经更新了链接中的代码。
    【解决方案2】:

    有几种方法可以做到这一点。直到最近,标准一直使用带有条件验证的大型 yup 模式(使用“何时”)。

    我创建了一个名为 Fielder 的库,专门用于动态字段级验证,例如在您的示例中。它无需使用大型架构并预先提供条件。

    查看后两个examples on this page,它们会随着用户在表单中的进展动态添加验证条件。

    查看Fielder repo,让我知道它是否适合您!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-19
      相关资源
      最近更新 更多