首頁  >  文章  >  web前端  >  javascript怎麼實作只能輸入兩位小數功能

javascript怎麼實作只能輸入兩位小數功能

青灯夜游
青灯夜游原創
2021-09-09 15:08:016834瀏覽

方法:1、在input標籤中加入「oninput="value=value.toString().match(/^\d (?:\.\d{0,2})?/)" ”語句即可。 2.給input標籤綁定onimput事件,在處理函數中,利用正規來實現。

javascript怎麼實作只能輸入兩位小數功能

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript限制輸入方塊只能輸入帶有兩位小數的數字

#方法1:

javascript怎麼實作只能輸入兩位小數功能


javascript怎麼實作只能輸入兩位小數功能

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

javascript怎麼實作只能輸入兩位小數功能

只能輸入進去兩個小數。

方法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(&#39;.&#39;);
	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高階教學###】####

以上是javascript怎麼實作只能輸入兩位小數功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn