关于ant design中input限制加空格的问题

简介: 关于ant design中input限制加空格的问题

前言

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


导语

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


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




编辑


解决思路

<Form.Item label="信用代码:"> {getFieldDecorator('creditCode', { initialValue: type === 'update' ? lecturerOrganizationEntity.creditCode : '', rules: [{ required: true, message: '请输入信用代码' }, { pattern: /^[^\s]*$/, message: '禁止输入空格', }], })(<Input disabled={disabled} />)} </Form.Item>




总结

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


image.png


编辑





相关文章
hook+ant design实现文本Input多行编辑
hook+ant design实现文本Input多行编辑
124 0
|
前端开发 API
ant design控制tag选中的写法
ant design控制tag选中的写法
107 0
|
JavaScript
Ant Design vue 表格内换行
Ant Design vue 表格内换行
300 1
|
前端开发
关于ant design中input加前缀的问题
关于ant design中input加前缀的问题
144 0
|
前端开发
ant design form赋值问题
ant design form赋值问题
105 0
|
前端开发 数据格式
ant design实现嵌套table
ant design实现嵌套table
144 0
|
前端开发
关于ant design table组件里面文字溢出
关于ant design table组件里面文字溢出
136 0
hook+ant design实现input多行编写小案例
hook+ant design实现input多行编写小案例
69 0
ant-design-vue将英文改为中文 DatePicker日期控件
ant-design-vue将英文改为中文 DatePicker日期控件
650 0
|
前端开发
如何限制ant design的input只能输入数字
如何限制ant design的input只能输入数字
332 0