JavaScriptで小数点以下2桁だけを入力する機能を実装する方法

方法: 1. input タグに「oninput="value=value.toString().match(/^\d (?:\.\d{0,2})?/)」を追加します。 」という記述だけで十分です。 2. onimput イベントを input タグにバインドし、処理関数で正規表現を使用します。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript は、入力ボックスを小数点以下 2 桁の数値のみに制限します

##方法 1:

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

小数点以下 2 桁のみ入力できます。

方法 2: onimput イベントを入力タグにバインドします。イベント処理関数で、正規表現を使用して

コード 1 を実装します:

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

実装コード 2:

<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で小数点以下2桁だけを入力する機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。