首页 > 其他 > 详细

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

时间:2021-09-06 03:25:16      阅读:10      评论:0      收藏:0      [点我收藏+]

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 需要注意的细节,否则会无法触发表单提交。

原文:https://www.cnblogs.com/yetiezhu/p/15226900.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!