javascript怎樣實現(xiàn)只能輸入兩位小數(shù)功能

這篇文章給大家介紹javascript怎樣實現(xiàn)只能輸入兩位小數(shù)功能，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

方法：1、在input標簽中添加“oninput="value=value.toString().match(/^\d+(?:\.\d{0,2})?/)"”語句即可。

2、給input標簽綁定onimput事件，在處理函數(shù)中，利用正則來實現(xiàn)。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript限制輸入框只能輸入帶有兩位小數(shù)的數(shù)字

方法1：

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

只能輸入進去兩個小數(shù)。

方法2：給input標簽綁定onimput事件，在事件處理函數(shù)中，利用正則表達式來

實現(xiàn)代碼一：

<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>

實現(xiàn)代碼二：

<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怎樣實現(xiàn)只能輸入兩位小數(shù)功能就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。