HTML 入力ボックスを純粋な数値のみの入力に制限する方法-htmlチュートリアル-php.cn

HTML 入力ボックスを純粋な数値のみの入力に制限する方法

醉折花枝作酒筹

リリース： 2023-01-04 09:34:55

オリジナル

8489 人が閲覧しました

入力ボックスを純粋な数値のみに制限する方法: oninput イベントを通じて、正規表現 "/[^\d]/g,''" を使用してイベント内で replace() 関数を使用します。入力テキストボックスに数字のみを入力でき、他の文字を入力すると他の文字が自動的に消去される効果を実現します。

HTML 入力ボックスを純粋な数値のみの入力に制限する方法

このチュートリアルの動作環境: Windows7 システム、javascript1.8.5&&HTML5 バージョン、Dell G3 コンピューター。

入力ボックスを純粋な数値の入力のみに制限する

oninput イベントを使用します。入力ボックスを純粋な数値の入力のみに制限します

oninput = "value=value.replace(/[^\d]/g,&#39;&#39;)"

ログイン後にコピー

コード例

<!DOCTYPE html><html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
</head>
<body>
    只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,&#39;&#39;)">
</body>
</html>

ログイン後にコピー

推奨学習: 「HTML ビデオチュートリアル」

以上がHTML 入力ボックスを純粋な数値のみの入力に制限する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

HTML 入力ボックスを純粋な数値のみの入力に制限する方法