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

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

醉折花枝作酒筹
醉折花枝作酒筹転載
2021-04-25 09:19:543198ブラウズ

この記事では、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 までご連絡ください。