【问题标题】:redux-form, submit form with an errorredux-form,提交表单报错
【发布时间】:2017-09-19 07:20:14
【问题描述】:

我有一个表单,我想在一个字段上显示一个验证错误(作为用户的信息),但我不希望这个错误阻止提交表单。

我会很感激任何提示,如何做到这一点......

---编辑---

我被要求提供一个例子。请以 redux-form 提供的 this 为例:http://redux-form.com/6.6.1/examples/fieldlevelvalidation/

<Field name="username" type="text"
    component={renderField}
    label="Username"
    validate={[ required, maxLength15 ]}
/>

这里有 2 个验证函数:requiredmaxLength15。即使maxLength15 返回错误消息,我也希望允许用户提交表单。我想显示消息但允许表单提交

【问题讨论】:

  • 请举个例子

标签: redux-form


【解决方案1】:

如果您希望能够提交,那么您应该使用警告而不是错误。 redux-form 不会让你提交它。

要使用字段级验证执行此操作,您只需将 validate 属性更改为 warn 属性即可:

<Field name="username" type="text"
    component={renderField}
    label="Username"
    warn={[ required, maxLength15 ]}
/>

【讨论】:

  • 它几乎可以满足我的需要。只是默认出现警告,有没有办法在现场编辑时或点击提交按钮时显示?
猜你喜欢
  • 2018-08-16
  • 1970-01-01
  • 1970-01-01
  • 2017-03-23
  • 2018-11-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多