ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML 入力ボックスを純粋な数値のみに制限する方法

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

醉折花枝作酒筹
リリース: 2021-04-25 09:21:38
転載
3256 人が閲覧しました

この記事では、HTML で入力ボックスを純粋な数字のみに制限する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

onkeyup = "value=value.replace(/[^\d]/g,'')"
ログイン後にコピー

onkeyup イベントを使用すると、bug が発生します。つまり、中国語入力方式の状態では、直接入力します。漢字を入力した後、

onchange = "value=value.replace(/[^\d]/g,'')"
ログイン後にコピー

という文字は onchange イベントを使用して直接入力されます。内容を入力した後、結果は input がフォーカスを失ったときにのみ取得されます。応答

oninput = "value=value.replace(/[^\d]/g,'')"
ログイン後にコピー

oninput イベントを使用しており、上記の 2 つの問題を完全に解決しています。テストにはまだ他に問題はありません。

コードサンプル

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

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