1. ホーム
  2. javascript

[解決済み] テキストボックスに数字だけを入力できるようにする [重複]。

2023-02-15 15:45:14

質問

jqueryやライブラリを使わずに、テキストボックスに数字だけを書き込めるようにするにはどうしたらよいでしょうか?

<input type="text" class="textfield" value="" id="extra7" name="extra7">

どのように解決するのですか?

onkeypressイベントを購読することができます。

<input type="text" class="textfield" value="" id="extra7" name="extra7" onkeypress="return isNumber(event)" />

を定義し、さらに isNumber 関数を定義します。

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

で見ることができます。 アクションはこちら .