使用 redux-form 显示验证错误 onSubmit,并清除错误,直到下一次触摸 onSubmit

2023-12-23

我在用redux-form v6.0.1.

现在,我的用例涉及创建一个表单,其中:

  1. 仅显示错误onSubmit, when submitFailed道具是true.
  2. 当用户返回修复错误时,错误就会消失,并且直到下次才重新显示 onSubmit 叫做。

我当前的解决方案涉及设置touchOnBlur: false,并在以下情况下显示我的错误消息touched && error. redux-form触及每一个领域时onSubmit被触发,所以我向每个要设置的字段添加逻辑touched = false当用户重新访问时,隐藏错误直到下一次表单提交。然而,这似乎非常违反直觉(设置touched当用户触摸物体时为 false)。有没有更自然的方法来实现这一点?


默认行为是在字段更改时清除表单范围的提交错误。但这可以被覆盖persistentSubmitErrors http://redux-form.com/6.2.1/docs/api/ReduxForm.md/#-persistentsubmiterrors-boolean-optional-配置标志引入v6.0.4.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 redux-form 显示验证错误 onSubmit,并清除错误,直到下一次触摸 onSubmit 的相关文章

随机推荐