欢迎光临
我的个人博客网站

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

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

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}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|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:仅触发了一次

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

 

 Edge:触发了两次

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

 

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

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

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » ant-design Form.Item normalize在Edge触发两次
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏