jspのテキストボックスには数字のみ入力できます。

2年 ago
夏樹, 風
1 minute

JavaScriptを使用すれば、数字のみを入力するよう制限することができます。

テキストボックスのonkeypressイベントに関数を追加して、キーのASCIIコードを確認し、数字のASCIIコードでない場合はデフォルトのキー動作をブロックします。

以下はサンプルコードです。

<input type="text" id="numericInput" onkeypress="return isNumberKey(event)">

function isNumberKey(evt) {
   var charCode = (evt.which) ? evt.which : event.keyCode;
   if (charCode > 31 && (charCode < 48 || charCode > 57))
   return false;
   return true;
}

上記のコードでは、isNumberKey関数がキーのASCIIコードを取得し、それが48から57の範囲（つまり数字のASCIIコード範囲）にあるかどうかをチェックします。この範囲外の場合はfalseを返し、キーのデフォルトの動作を阻止します。これにより、ユーザーはテキストボックスに非数字文字を入力することができなくなります。

この方法は、ユーザーがキーボードで数字以外の文字を入力することを防ぐことができますが、コピー＆ペーストやドラッグアンドドロップなどの方法で数字以外の文字を入力することを防ぐことはできません。完全に数字のみの入力を制限したい場合は、他の方法での検証と処理が必要です。

bannerAds