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

摘要:
startValue[0]){callback;}else{callback();}callback();}2、编辑回显数据的时候,需要注意,表单里有多少个字段,就回填多少个字段。并且回填需要改变一下数据,比如+一个空字符串this.props.form.setFieldsValue({laboratoryName:editObj?

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 需要注意的细节,否则会无法触发表单提交。》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇vue中添加文字或图片水印常用邮箱SMTP服务器地址大全下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

QQ一键登录功能的实现过程

QQ登录的思路: 当qq登陆成功后,QQ会给我们返回一个唯一的用户标识:openId,当用户授权QQ时,判断 if(已经有openId){ 跳转到登陆后的页面。 }else if(没有openId){ 跳转到注册页面->然后绑定->跳转到登陆后的页面...

ERROR:C2678 二进制“<”: 没有找到接受“const _Ty”类型的左操作数的运算符(或没有可接受的转换)

【1】复现问题 为了更精确的分析,先用最简单的示例复现此错误场景,代码如下: 1 #include <map> 2 #include <string> 3 4 structSection 5 { 6 intid; 7 std::stringcode; 8 9 bool operator<(const...

jsonp 请求和回传实现

  JSONP最主要的是可以解决跨域问题,不然谁会没事用这种格式。   下面是我用JSONP的一些心得体会:  JSONP是JSON with Padding的略称。它是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问。对,它就是一种协议,不是数据格式,开始我也被 dat...

VUE Flask登录的初探-JWT的探索

上回简单实现了基于JWT的登录,并且留下了一些问题,jwt天生的弊端。本次用某些逻辑解决jwt的弊端 先列举jwt可能遇到的问题: 1.注销问题,当客户端注销登录后,token在有效期内依然有效,实际上从服务端无法让token失效2.修改密码,当用户修改了密码,按常规需要让前次token失效。3.续签问题,jwt虽然有超时机制,但没有实现自动续签。 为了解...

36种免费React模板和主题「干货」

前言 在Internet上搜索模板和主题时,很难找到免费的React资源。 即使您不在乎质量,它们似乎也很难被发现,并出于好奇而感动,我花了数小时在Google和Github上四处挖掘,结果得到了36个免费的React模板和主题的集合。我不会对此打赌,但是它们也是高质量的资源。 因此,在此列表中,您将找到各种各样的模板和主题,可以构建几乎可以想象的任何东西...

Web的几种上传方式总结

问题 文件上传在WEB开发中应用很广泛。 文件上传是指将本地图片、视频、音频等文件上传到服务器上,可以供其他用户浏览或下载的过程。 以下总结了常见的文件(图片)上传的方式和要点处理。 表单上传 这是传统的form表单上传,使用form表单的input[type=”file”]控件,可以打开系统的文件选择对话框,从而达到选择文件并上传的目的,它的...