#yyds干货盘点 【React工作记录十五】关于ant design中input限制加空格的问题

简介: #yyds干货盘点 【React工作记录十五】关于ant design中input限制加空格的问题

导语

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


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

image.png

解决思路

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

总结

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


image.png

编辑


相关文章
|
2月前
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
30 0
|
5月前
|
前端开发 JavaScript Linux
[React] 实现点击Button将文件名赋值Input
[React] 实现点击Button将文件名赋值Input
|
5月前
|
前端开发
react获取input的value值
react获取input的value值
33 0
|
5月前
|
存储 前端开发
React & webpack &ant 学习
React & webpack &ant 学习
45 0
|
6月前
|
前端开发
从零开始学习React-引入Ant Design 组件(八)
从零开始学习React-引入Ant Design 组件(八)
54 0
|
6月前
|
前端开发 JavaScript
React基础语法08-点击按钮,获取input框的值(通过ref来获取)
React基础语法08-点击按钮,获取input框的值(通过ref来获取)
118 0
|
6月前
|
前端开发
React基础语法07-点击按钮,获取input框的值(通过事件对象获取)
React基础语法07-点击按钮,获取input框的值(通过事件对象获取)
51 0
|
6月前
|
前端开发
react获取input值
react获取input值
|
9月前
|
前端开发 数据格式
再次接触老朋友react+ant design table合并单元格
再次接触老朋友react+ant design table合并单元格
96 0
|
资源调度 前端开发
#私藏项目实操分享# 【练习案例React六】项目中开始引入ant模块
#私藏项目实操分享# 【练习案例React六】项目中开始引入ant模块
76 0
#私藏项目实操分享# 【练习案例React六】项目中开始引入ant模块