关于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多行编辑
112 0
|
开发工具 git
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
718 0
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
|
前端开发 API
ant design控制tag选中的写法
ant design控制tag选中的写法
100 0
|
JavaScript
Ant Design vue 表格内换行
Ant Design vue 表格内换行
276 1
|
前端开发
关于ant design中input加前缀的问题
关于ant design中input加前缀的问题
134 0
|
前端开发
ant design form赋值问题
ant design form赋值问题
95 0
|
前端开发
关于ant design table组件里面文字溢出
关于ant design table组件里面文字溢出
131 0
|
前端开发 数据格式
ant design实现嵌套table
ant design实现嵌套table
135 0
|
前端开发 JavaScript
重置ant design得样式
重置ant design得样式
75 0
hook+ant design实现input多行编写小案例
hook+ant design实现input多行编写小案例
64 0