ant-design Form.Item normalize在Edge触发两次

在项目中有的字段要填多个值，通常会用","隔开给后端

 

 

 测试要求输入中文逗号是不要提示错误，直接替换为英文的

normalize

组件获取值后进行转换，再放入 Form 中。不支持异步

(value, prevValue, prevValues) => any

<Form.Item    label="来源SIP IP端口："    name="srcIp"    normalize={(value, prevValue, prevValues) =>{
　　　　　　　　　　　　console.log(value);     if(!value)return ;     return value.replace(/，/g,',');    }}    rules={[     {     required: true, validator: (rule, value) => {      let ips = value ? value.split(',') : value,reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5]):([1-9]\d{1,4})$/;      if (!value) {      return Promise.reject('请输入来源SIP IP端口!');      } else if (ips.some(ip => reg.test(ip) === false)) {      return Promise.reject('格式不对!');      } else {      return Promise.resolve();      }     }     }    ]}    >    <Input placeholder="请输入服务器、IP端口，多个服务器、IP用","(英文)隔开"/>    </Form.Item>

 

chrome:仅触发了一次

 

 Edge：触发了两次

 

 在normalize中直接拼接一段字符串，再返回，Edge触发了一次，replace也不是异步操作呀，最后搞不懂整了个折中的办法，避免出现两个逗号就行了

 return content.replace(/，|,，|,,/g,',');

 

原文转载：http://www.shaoqun.com/a/622678.html

跨境电商：https://www.ikjzd.com/

史泰博：https://www.ikjzd.com/w/2112

dmm.adult：https://www.ikjzd.com/w/2026

在项目中有的字段要填多个值，通常会用","隔开给后端测试要求输入中文逗号是不要提示错误，直接替换为英文的normalize组件获取值后进行转换，再放入Form中。不支持异步(value,prevValue,prevValues)=>any<Form.Itemlabel="来源SIPIP端口："name="srcIp"normalize={(val
easy buy：https://www.ikjzd.com/w/2162
auditor：https://www.ikjzd.com/w/2437
宝贝格子：https://www.ikjzd.com/w/1322
欧洲电商市场概况：2019年达到6210亿欧元！：https://www.ikjzd.com/home/98273
速卖通：服装类目将纳入5天上网率指标考核：https://www.ikjzd.com/home/132410
亚马逊账户需要提供营业执照公证的相关问题详解！：https://www.ikjzd.com/home/113589