#私藏项目实操分享# 【React工作记录十五】关于ant design中input限制加空格的问题

 前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

今天测试找到我 说这边出现了一个bug 这个输入框禁止输入空格 于是乎我看一眼代码

原来这样可以解决这个问题

#私藏项目实操分享# 【React工作记录十五】关于ant design中input限制加空格的问题

解决思路

<Form.Item label="信用代码:">
                    {getFieldDecorator('creditCode', {
                      initialValue: type === 
'update' ? lecturerOrganizationEntity.creditCode : '',
                      rules: [{ required: true, message:
 '请输入信用代码' },        // 方式一:正则匹配(提示错误,阻止表单提交)
                      {
                        pattern: /^[^\s]*$/,
                        message: '禁止输入空格',
                      }],
                    })(<Input disabled={disabled} />)}
                  </Form.Item>

 总结

在对应的位置多加一个正则匹配即可 则问题得到解决

#私藏项目实操分享# 【React工作记录十五】关于ant design中input限制加空格的问题

上一篇:#私藏项目实操分享# 【练习案例React九】封装一个标题显示栏


下一篇:#私藏项目实操分享# 【React工作记录十一】控制ant design中form的必填项判断