我正在处理由多个页面组成的表单,我想解决验证问题。
当我点击提交按钮时,当前页面上的所有字段都会在下方显示错误消息,但是如果我更改页面,那么我需要再次点击提交,因为这些字段未设置为已触摸。
如果我可以将页面上的所有字段设置为已触摸,一旦表单具有标志 anyTouched: true
,我的问题将得到解决。 .
我正在使用 redux-form: '^6.0.0-rc.4'
我有一个容器,其中包含 redux-form 和由字段组成的多个组件。
最佳答案
我认为你的问题是相反的,但万一有人像我一样在这里寻找 anyTouched
触摸表单中的任何字段后设置...
在 redux-form 6 及以上 您必须通过表单级配置明确选择您想要的行为 touchOnChange
和 touchOnBlur
- see the docs here - 默认情况下没有配置任何东西,所以没有任何 react 。
const Form = reduxForm({
form: 'my-form',
touchOnChange: true,
touchOnBlur: true
})(...)
当该字段的
anyTouched
时,这些标志使得任何给定的字段都被标记为已触摸(因此 true
在表单上被标记为 onChange
)。或 onBlur
分别调用处理程序。
关于Redux 表单 - 如何将字段设置为触摸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39272731/