在使用react+antd开发中,使用getFieldDecorator的rules规则限制,只提示而点击确定时不终止函数的执行。
(一)问题描述
使用getFieldDecorator的rules规则限制,只提示而不终止函数给出相应的提示。
例如,在一个modal弹窗中,一个输入框不符合rules规则时候会提出相应的提示,但是,点击‘保存’或者‘确定’的时候仍然能执行后台api且关闭。
(二)解决问题
原因:缺少validateFields()验证。
解决如下:
无法完场终止函数验证是因为缺少下面这段代码,加上即可。应用如图。
this.props.form.validateFields((err, vals) => {
if (!err) {}
})
这样就ok了。