antd form表单验证失去焦点时验证和重置验证状态

1.失去焦点时验证

                <Col span={12}>
                    <Form.Item
                      label="账号"
                      labelCol={{ span: 5 }}
                      wrapperCol={{ span: 16 }}
                    >
                      {isAdd ? (
                        getFieldDecorator('bank_account', {
                          rules: [
                            {
                              required: Number(invoice_type) === 2 ? true : false,
                              validator: (rule, value, callback) => {
                                if (rule.required && !value) {
                                  callback('请填写开户账号！')
                                } else if (
                                  (rule.required || value) &&
                                  /[\u4e00-\u9fa5]|\s/g.test(
                                    value
                                  )
                                ) {
                                  callback('不允许出现中文字符，不能出现空格')
                                }
                                callback()
                              },
                            },
                          ],
                          validateTrigger: 'onBlur'
                        })(<Input placeholder="不允许出现中文字符，不能出现空格" />)
                      ) : (
                        <span>
                          {invoiceDetail && invoiceDetail.bank_account
                            ? invoiceDetail.bank_account
                            : '-'}
                        </span>
                      )}
                    </Form.Item>
                  </Col>

 

2.有时我们需要重置验证状态，使用场景如下：

当开发票的时候，发票有两种类型，普票和专票，当选择普票的时候，其他信息可填可不填，当选专票时，电话等信息必填。此时我们选择专票，没有填写电话信息，点提交，会报请输入电话号码，这是我们改选普票，但没有重新验证，此时页面还是展示着请填写电话，我们可以在选择普票时，获取填写的电话号码，再把电话内容重置，此时效验状态也重置了，再把电话内容赋值给输入框即可。

const content = this.props.form.getFieldsValue(['register_tel')
this.props.form.resetFields(['register_tel')
this.props.form.setFieldsValue(content)