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

雨点打透心脏的1/2处 2022-02-23 06:16 468阅读 0赞

本文介绍两种使用**[javascript][]**控制在<input type="text" name="name" value="0" />中只允许输入数字和小数点的方案。

希望我的博客对您有用。

**[阿里云最高1888通用代金券][1888]**，送给你！

本文介绍两种控制在<input type="text" name="name" value="0" />中只允许输入数字和小数点的方案。

**方案1：**

通过JavaScript代码实现。

JavaScript代码如下：

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

<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表示小数位数。

[javascript]: http://blog.csdn.net/shanzhizi/article/category/1150427
[1888]: https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=yt35vrca

发表评论取消回复

表情：

评论列表（有 0 条评论，468人围观）

还没有评论，来说两句吧...

相关阅读

相关 input js验证只能是数字，有小数点

input js验证只能是数字，有小数点 <input οnkeyup="return ValidateNumber(this,value)"/> funct

绝地灬酷狼/ 2022年08月14日 03:52/ 0 赞/ 153 阅读

相关 jquery控制input只能输入数字和两位小数（转）

知识点一直接上代码： function num(obj){ obj.value = obj.value.replace(/[^\d.]/g,"");

爱被打了一巴掌/ 2022年06月15日 04:42/ 0 赞/ 282 阅读

相关控制input标签只能输入数字

<input type="text" οnkeyup="value=value.replace(/\[^\\d\]/g,'')" placeholder="请手动输入

雨点打透心脏的1/2处/ 2022年06月11日 07:48/ 0 赞/ 297 阅读

相关 JS控制文本框只能输入数字和小数点

<input type="text" value="" onkeyup="onlyNumber(this)" onblur="onlyNumber(this)"/>

水深无声/ 2022年06月10日 08:54/ 0 赞/ 299 阅读

相关 js 只能输入数字和小数点

function clearNoNum(obj) { //先把非数字的都替换掉，除了数字和. obj.value = o

柔光的暖阳◎/ 2022年06月03日 07:50/ 0 赞/ 276 阅读

相关 html input输入框只能输入数字只能输入字母数字组合

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

我不是女神ヾ/ 2022年06月01日 07:09/ 0 赞/ 378 阅读

相关 input 只能输入数字

onKeyup = "this.value=this.value.replace(/\[^\\d\]/g,'')" ^\[0-9\]\$ 正则表达式两个都可以

以你之姓@/ 2022年05月28日 08:48/ 0 赞/ 303 阅读

相关 input输入框只能输入数字，只能输入字母数字组合

输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_

你的名字/ 2022年05月19日 12:00/ 0 赞/ 361 阅读

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

本文介绍两种使用[javascript][]控制在<input type="text" name="name" value="0" />中只允许输入数字和小数点的方案。希望

雨点打透心脏的1/2处/ 2022年02月23日 06:16/ 0 赞/ 468 阅读

相关 input输入框只能输入数字

<input type="number" class="input-control input-l" id="oldcard" oninput = "value=val

骑猪看日落/ 2022年02月01日 13:09/ 0 赞/ 454 阅读