HTML テキスト入力を数字キーストロークのみを受け入れるように制限するにはどうすればよいですか?

HTML テキスト入力は数字キーストロークのみを許可するように制限できますか?

簡単な答えは「はい」です。JavaScript 関数 setInputFilter を使用できます。 () これを達成するために。この関数は、テキストボックス要素、入力フィルター関数、エラー メッセージの 3 つの引数を受け取ります。

入力フィルター関数は、値を入力として受け取り、その値が有効な場合は true を返し、値が有効な場合は false を返す関数です。それは無効です。この場合、値が数字 (おそらく小数点付き) の場合、フィルター関数が true を返すようにする必要があります。

ここでは、数字と ' のみを許可する入力フィルター関数の例を示します。 。」文字:

function inputFilter(value) {
  return /^\d*\.?\d*$/.test(value);
}

入力フィルター関数を定義したら、次のコードを使用して、それを使用してテキストボックス要素に入力フィルターをインストールできます。

setInputFilter(document.getElementById("myTextBox"), inputFilter, "Only digits and '.' are allowed");

setInputFilter( ) 関数は、指定されたテキストボックス要素に入力フィルターを適用します。テキストボックスに入力された無効な文字は拒否され、エラー メッセージが表示されます。

注: クライアント側のみに依存しないことが重要です。ユーザーが無効な文字を入力するのを防ぐための検証。サーバー側でもユーザー入力を常に検証する必要があります。

以上がHTML テキスト入力を数字キーストロークのみを受け入れるように制限するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。