码迷,mamicode.com
首页 > 其他好文 > 详细

input 只能输入数字(包括小数点)

时间:2019-10-09 17:23:08      阅读:331      评论:0      收藏:0      [点我收藏+]

标签:数据类型   场景   tst   tostring   col   this   需要   div   put   

场景:

  需要在<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)}}
/>

 

input 只能输入数字(包括小数点)

标签:数据类型   场景   tst   tostring   col   this   需要   div   put   

原文地址:https://www.cnblogs.com/MrZhujl/p/11642868.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!