Input怎么限制输入空格

小松踩奶
  • 9
<Input 
   className="InputBorderState" 
   defaultValue={item.Name} 
   style={{flex:"1",marginLeft:"10px",border:"0px",marginRight:"5px",border:"none",outline:"none"}} 
   size="small" 
   onChange={this.onchangeName} 
   onFocus={this.onfocusS} 
   onBlur={()=>this.onchangeNameOut(Id)} 
   suffix={<Tooltip title="可编辑" style={{border:"3px solid pink",}}> <Icon type="edit" style={{ color: 'rgba(0,0,0,.45)' }} /> </Tooltip>}
   maxLength={8}
/> 

有没有不用form的
普普通通 快快乐乐的 简简单单的 限制输入空格

评论
阅读 515
3 个回答

可以在赋值时replace空格

const onChangeName = (e) => {
    this.setState({
        name:e.target.value.replace(/ /g,'')
    })
}
<Input 
   className="InputBorderState" 
   defaultValue={item.Name} 
   value={this.state.name}
   style={{flex:"1",marginLeft:"10px",border:"0px",marginRight:"5px",border:"none",outline:"none"}} 
   size="small" 
   onChange={this.onchangeName} 
   onFocus={this.onfocusS} 
   onBlur={()=>this.onchangeNameOut(Id)} 
   suffix={<Tooltip title="可编辑" style={{border:"3px solid pink",}}> <Icon type="edit" style={{ color: 'rgba(0,0,0,.45)' }} /> </Tooltip>}
   maxLength={8}
/> 

使用正则去除所有的空格就可以了,如:
value.replace(/\s/g, '')

一般都是正则校验,改成你要的格式就可以了

撰写回答

登录后参与交流、获取后续更新提醒

宣传栏