Input怎么限制输入空格

<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的
普普通通 快快乐乐的 简简单单的 限制输入空格

阅读 217
评论
    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, '')

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

          撰写回答

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