react antd form 自定义表单验证validator 需要注意的细节,否则会无法触发表单提交。

1、每一个if判断后,都需要加入callback(),否则会阻塞表单的提交。

validateNoChinese = (_, value, callback) => {
    const reg = /^\d+$|^\d*\.\d+$/g;
    const startValue = value?.split(‘.‘)

    if(!value){
      callback();
    } else if (value && !reg.test(value) || !startValue[0]) {
      callback(‘只能输入数字‘);
    } else {
      callback();
    }
    callback();
  }

2、编辑回显数据的时候,需要注意,表单里有多少个字段,就回填多少个字段。并且回填需要改变一下数据,比如+一个空字符串

  this.props.form.setFieldsValue({
        laboratoryName: editObj?.laboratoryName + ‘‘,
        yearSchoolPeriod: editObj?.yearSchoolPeriod + ‘‘,
        yearSocialPeriod: editObj?.yearSocialPeriod + ‘‘,
        yearApplyPeriod: editObj?.yearApplyPeriod + ‘‘,
        yearMaxPeriod: editObj?.yearMaxPeriod + ‘‘,
      });

  

react antd form 自定义表单验证validator 需要注意的细节,否则会无法触发表单提交。

上一篇:HDLbits——Mt2015 lfsr


下一篇:主定理