BinaryDevelop
  1. ホーム
  2. Web制作
  3. HTML/Xhtml

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

2022-01-21 02:13:18

制限する input 入力ボックスには純粋な数字しか入力できません。 

1. onkeyup = "value=value.replace(/[^\d]/g,'')"

使用方法 onkeyup イベントには bug 中国語入力メソッドで文字を入力する場合、文字 

2. onchange = "value=value.replace(/[^\d]/g,'')"

使用方法 onchange イベントにおいて、コンテンツが入力された後にのみ input はフォーカスを失い、入力時には応答しません。 

3. oninput = "value=value.replace(/[^\d]/g,'')"

使用方法 oninput イベントで、この2つの問題は完璧に解決され、テストではまだ他の問題は生じていません。

コード例 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
</head>
<body>
    Input box where you can only enter pure numbers:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">
</body>
</html>

この記事は、HTMLで入力ボックスを純粋な数字に制限することに関するものです。HTMLで入力欄を数字に限定することについては、BinaryDevelopの過去の記事を検索するか、以下の関連記事を引き続きご覧ください。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します