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

场景:

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

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

时间: 2024-10-08 08:51:04

input 只能输入数字(包括小数点)的相关文章

限制input只能输入数字/数字和小数点

1.限制input只能输入数字 <input id="Number" name="Number" type="text" class="form-control required" onkeyup="value=this.value.replace(/\D+/g,'')" placeholder="请输入数量" /> 2.限制input只能输入数字和小数点(用于金额输入框等)

js控制只能输入数字和小数点

非常好用,代码示例如下: <input  onkeypress = "return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"    onpaste = "return !clipboardData.getData('text').match(/\D/)"    ondragenter = "return false"    style= &q

用js使得输入框input只能输入数字

JS判断只能是数字和小数点1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')" 

onkeyup+onafterpaste 只能输入数字和小数点

JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')"

javascript正则表达式控制input只能输入数字

不能输入中文 <input type="text" name="textfield"  onkeyup="this.value=this.value.replace(/[^/da-z_]/ig,'');"/>只能输入 数字和下划线<input onkeypress="return (/[/d_]/.test(String.fromCharCode(event.keyCode)))" style="i

js只能输入数字和小数点

1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste

js限制文本框input只能输入数字

JS判断只能是数字和小数点. 1,文本框只能输入数字代码(小数点也不能输入) 复制代码 代码示例:<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2,只能输入数字,能输小数点. 复制代码 代码示例:<input onkeyup="if(isNaN(value))e

js判断只能输入数字或小数点

JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <input onkeyup="if(isNaN(value))execCommand('undo')&qu

JQuery限制文本框只能输入数字和小数点的方法

<input type="text" class="txt NumText"  Width="100px"  /> $(function(){ /*JQuery 限制文本框只能输入数字*/ $(".NumText").keyup(function(){ $(this).val($(this).val().replace(/D|^0/g,'')); }).bind("paste",function

andriod InputType.TYPE_NUMBER_FLAG_DECIMAL只能输入数字和小数点无效问题

在java文件里edittext设置InputType.TYPE_NUMBER_FLAG_DECIMAL, 输入法能输入的是文本输入方式(数字.字母.符号等),和想要只能输入数字和小数点背道而驰. 在布局文件里edittext设置为inputType=“numberDecimal”,是预期效果. 后来对比了一下inputType=“numberDecimal”值和InputType.TYPE_NUMBER_FLAG_DECIMAL值,是不一样, 分别是8194和8192,于是在java文件里et