选项卡式表单和验证。
Tabbed form and validation.
我正在创建一个带验证的选项卡式表单,但有一件事我不明白该怎么做:当我点击提交按钮时,某些字段出现验证错误,但该表单没有已提交 - 但如果该字段位于隐藏选项卡(非焦点选项卡)中,则也不会显示任何错误消息。
有没有简单的方法可以切换到有错误的选项卡,或者在清除当前选项卡中的所有错误之前禁止关注后续选项卡?
我对React、JSX和现代JS开发都是新手,请不要太简洁! :)
谢谢!
我重现了这个问题并在我们的存储库中打开了一个问题。我会让你知道进展如何。
与此同时,缓解此问题的一种方法是创建一个 custom saga. You'll need some knowledge about redux-saga。
想法是:
- 从 redux 表单中捕获失败的验证操作 (
SET_SUBMIT_FAILED
)
- 触发自定义通知,其中包含指示发生错误的字段和选项卡的错误消息。不幸的是,您必须检查字段名称才能知道发生错误的资源。
我正在创建一个带验证的选项卡式表单,但有一件事我不明白该怎么做:当我点击提交按钮时,某些字段出现验证错误,但该表单没有已提交 - 但如果该字段位于隐藏选项卡(非焦点选项卡)中,则也不会显示任何错误消息。
有没有简单的方法可以切换到有错误的选项卡,或者在清除当前选项卡中的所有错误之前禁止关注后续选项卡?
我对React、JSX和现代JS开发都是新手,请不要太简洁! :)
谢谢!
我重现了这个问题并在我们的存储库中打开了一个问题。我会让你知道进展如何。
与此同时,缓解此问题的一种方法是创建一个 custom saga. You'll need some knowledge about redux-saga。
想法是:
- 从 redux 表单中捕获失败的验证操作 (
SET_SUBMIT_FAILED
) - 触发自定义通知,其中包含指示发生错误的字段和选项卡的错误消息。不幸的是,您必须检查字段名称才能知道发生错误的资源。