ホームページ >ウェブフロントエンド >jsチュートリアル >HTML テキスト入力を数値 (および小数点) のみを受け入れるように制限するにはどうすればよいですか?

HTML テキスト入力を数値 (および小数点) のみを受け入れるように制限するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-28 18:38:14945ブラウズ

How Can I Restrict an HTML Text Input to Only Accept Numeric Values (and a Decimal Point)?

数値入力 (プラス '.') のみを許可するように HTML テキスト入力を設定するにはどうすればよいですか?

JavaScript

setInputFilter を使用できます入力フィルターをインストールする関数:

setInputFilter(document.getElementById("myTextBox"), function(value) {
  return /^\d*\.?\d*$/.test(value); // Allow digits and '.' only, using a RegExp.
}, "Only digits and '.' are allowed");

この関数は、入力フィルターの入力値を制限します。テキスト 指定された inputFilter 関数に。コピー、ペースト、ドラッグ ドロップ、キーボード ショートカット、コンテキスト メニュー操作、入力できないキー、キャレットの位置、さまざまなキーボード レイアウト、妥当性エラー メッセージ、および IE 9 以降のすべてのブラウザをサポートします。

注: セキュリティのためにサーバー側の検証を行う必要があります!

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。