2017-05-30 116 views
1

我想使用redux形式使用嵌套优惠券代码/凭证子窗体结帐页面。嵌套的还原形式:凭证形式内结帐形式

所以结帐表单将包括例如一个国家选择,并在这个表单里我想添加一个子表格来申请一个优惠券。

用户需要能够从主结账单独单独申请凭证以查看可能的折扣。

提交一般结帐表格时,必须验证凭证,以防万一不适用。

什么是最好的实施方式?

我明白我不能简单地嵌套reduxForms。我不想创建2个单独的表单,因为我想显示可能的验证并在凭证字段下方提交一般结帐表单的错误 我可能能够使用凭证字段的asyncValidation,但是我会喜欢用应用按钮而不是场模糊来触发。

enter image description here

回答

0

最终我实现了这个使用asyncValidation。为了触发这种情况,不是在离开凭证字段时,而是在单击应用按钮时,我使用文本字段和按钮创建了一个自定义字段组件。 textfield获取除了onBlur函数以外的所有输入,按钮的click处理程序调用input.onBlur。 因为这是一个领域,我也可以在适当的时候轻松使用元信息来禁用按钮。

感觉非常黑客,所以更好的解决方案是值得欢迎的。

+0

另一种方法是手动调用窗体的asyncValidate。 http://redux-form.com/6.0.5/docs/api/Props.md/#-asyncvalidate-function- 但是,特别是如果你需要多个异步验证,你必须从其他地方检索哪个部分是被验证,所以你可以例如禁用按钮。 –