控制HTML Input只能输入数字和小数点

转：https://www.cnblogs.com/esion/p/3342866.html
本文介绍三种控制在中只允许输入数字和小数点的方案。

方案1：通过JavaScript代码实现。

JavaScript代码如下：

function checkNum(obj) {//检查是否是非数字值if (isNaN(obj.value)) {obj.value = "";}if (obj != null) {//检查小数点后是否对于两位if (obj.value.toString().split(".").length > 1 && obj.value.toString().split(".")[1].length > 2) {alert("小数点后多于两位！");obj.value = "";}}};

Html代码如下：

input type="text" name="name" value="0" onkeyup="checkNum(this)" />

方案2：如果使用JQuery，则可以轻松实现数字框。

<input type="text" name="name" value="0" runat="server" class="easyui-numberbox" precision="2" />

其中的precision表示小数位数。
　　
方案3：正则-限制input只能输入数字和小数点（用于金额输入框等）

<input id="Price" name="Price" type="text" class="form-control" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" placeholder="请输入单价" />

控制HTML Input只能输入数字和小数点相关推荐

实现 input 只能输入数字和小数点的四种方法
大家往往用到的都是replace方法,但是其实还有不少其他方案可选,以下列出一二供大家参考: 1.input 属性 type="number" <input type=&qu ...
html文本框小数点,限制html文本框input只能输入数字和小数点
js 只能输入数字和小数点 function clearNoNum(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除& ...
HTML控制文本框只能输入数字和小数点，并且只能保留小数点后两位金额转换，阿拉伯数字的金额转换成面试题
1.给文本框添加一个οnkeyup='clearNoNum(this)'点击事件 2.建立clearNoNum方法 [javascript] view plaincopy function clear ...
js控制只能输入数字和小数点
非常好用,代码示例如下: <input onkeypress = "return event.keyCode>=48&&event.keyCode<=57 ...
php限制只能输入中文,JS控制Input只能输入数字，汉字，英文的限制方法
2 楼 shuke[2013-10-30 14:05] 以上是图片替代 SUBMIT提交的方法, 正则表达式限制文本框只能输入数字许多时候我们在制作表单时需要限制文本框输入内容的类型,下面我们用正则 ...
js 正则限制 input 只能输入数字，不能输入特殊符号，保留两位小数等效果
限制只能输入数字,小数点只保留2位,限制不能输入空格 <div id="app"><input type="text" v-model=&qu ...
JS只能输入数字和小数点
javascript 替换函数全部替换方法 <script language="javascript"> var strM = "javascript is ...
js只能输入数字，小数点(整理)
<html> <head> <meta http-equiv="content-Type" content="text/html;chars ...
js判断只能输入数字或小数点
JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input οnkeyup="this.value=this.value.replace(/\D/g,'' ...

控制HTML Input只能输入数字和小数点

控制HTML Input只能输入数字和小数点相关推荐

最新文章

热门文章