首頁 > web前端 > js教程 > 主體

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

青灯夜游
發布: 2023-01-11 09:18:59
原創
6888 人瀏覽過

方法: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!