html input不能输入小数_控制HTML Input只能输入数字和小数点

本文介绍两种控制在中只允许输入数字和小数点的方案。

方案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" οnkeyup="checkNum(this)" />

方案2：

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

其中的precision表示小数位数。

input只能输入数字和小数点，并且只能保留小数点后两位 - CSDN博客

1.给文本框添加一个οnkeyup=’clearNoNum(this)’点击事件 2.建立clearNoNum方法 function clear