如何在ReduxForm中手动重新触发验证？

Question

我喜欢在表单挂载后重新触发验证。让我们假设每次点击名为“验证输入”的按钮时都要运行验证。

怎么做？

相关问题：

• How to run validation on a slice of a redux-form FieldArray state
• Is there a way in Redux Forms to make a form validate from code?

Answer 1

手动redux格式验证是oft requested feature，目前似乎没有提供。

我个人的解决方法是在this.props.change('_validationHack', Date.now())包装的组件中触发reduxForm，然后在values._validationHack方法中删除onSubmit，然后再将values发送到服务器。

虽然不漂亮，但似乎毫无例外。

Answer 2

同步验证在每个渲染上运行，因此＆＃34;触发它＆＃34;并没有多大意义。

如果您想使用异步验证，可以调用this.props.asyncValidate()函数来触发它。

OR ，如果您更喜欢提交验证，则只需提交表单即可。

Answer 3

这对我有用：

import { touch, stopAsyncValidation } from 'redux-form';
//...
    yield put(stopAsyncValidation('CallForm', { mdn: mdn.error_message }));
    yield put(touch('CallForm', 'mdn'));

• 来自https://stackoverflow.com/a/51065315/588759的线索
• 关于触摸的线索 https://github.com/redux-form/redux-form/issues/3992#issuecomment-399411329
• 工作示例 https://github.com/zobroj/ab-web/blob/ea4fccb68b4f3a2f747f47d23624bc69631782ed/app/containers/RegisterPage/sagas.js#L62
  • 找到https://github.com/search?l=JavaScript&q=%22yield+put%28touch%28%22&type=Code

Answer 4

根据2018年11月28日：

  

https://redux-form.com/6.2.1/docs/api/actioncreators.md/

您可以分派一些操作来对表单进行更改并触发验证方法。

如果您触发更改/触摸操作，则应执行验证功能。