对于网页输入框相比大家都是比较熟悉的，一般我们可以输入数字，汉字，其他字符等等，但是如果我们要实现的是只能输入两位小数的输入框效果该怎样做？下面就给大家分享用JavaScript实现只能输入两位小数的输入框的方法，感兴趣的朋友可以参考。

    javascript限制输入框只能输入带有两位小数的数字

    方法1：

<input type="number" oninput="value=value.toString().match(/^d (?:.d{0,2})?/)">

    只能输入进去两个小数。

    方法2：给input标签绑定onimput事件，在事件处理函数中，利用正则表达式来

    实现代码一：

<input type="number" id="put" >
<script type="text/javascript">
var vv = "";
document.getElementById("put").oninput=function(){
	var val = this.value.replace(/./,"");
	var valArr=this.value.split('.');
	if((/D/g).test(val)||valArr.length>2||valArr.length>1&&Number(valArr[1])>99){
		this.value=vv;
	}
}
</script>

    实现代码二：

<input type="number" id="put">
<script type="text/javascript">
var vv = "";
document.getElementById("put").oninput=function(){
	if(!(/^d (.d{0,2})?$/).test(this.value)){
		this.value=vv;
	}
	vv.this.value;
	return false;
}
</script>

    对JavaScript实现只能输入两位小数的输入框就介绍到这了，上述实例有一定的参考价值，感兴趣的朋友可以参考，希望大家阅读完这篇文章能有所收获，想要了解更多请关注群英网络其它相关文章。