ホームページ > 記事 > ウェブフロントエンド > HTML 入力ボックスを純粋な数値のみに制限する方法
HTML 入力ボックスを純粋な数値のみに制限する方法
- 醉折花枝作酒筹転載
- 2021-04-25 09:19:543187ブラウズ
この記事では、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,'')">
</body>
</html>推奨学習: htmlビデオチュートリアル
以上がHTML 入力ボックスを純粋な数値のみに制限する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。