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

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

Linda Hamilton
リリース: 2024-12-28 18:38:14
オリジナル
939 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート