input 只能输入数字（包括小数点）

Posted 2020-11-15 mrzhujl

场景：

　　需要在<input/>控制输入的内容为数字（包括小数点）

inputOnChange = (value) {   //只能输入 数字 或者 .
    value = value.replace(/[^0-9.]/g, "").trim()
    this.setState({
        value
    })
}
inputOnBlur = (value) {  //失焦的时候 展现正确的数据格式
　　value = Number(value).toString();  //这里可以不变回字符串，担心数据要进行其它操作，统一数据类型
　　this.setState({
　　　　value
　　})
}
-----------------------------------------------------------
<input value={this.state.value}
　　onChange={(ev)=>{this.inputOnChange(ev.target.value)}}
　　onBlur={(ev)=>{this.inputOnBlur(ev.target.value)}}
/>