などの疑問や悩みを解決してまいります。
type="number”
を設定することで、その入力フォームは数値しか入力することができなくなると思っている方が多いかと思いますが実は半角の「e」も入力できてしまいます。
今回はこの「e」は何なのか、そして入力不可にする方法についても解説していきます。
この「e」は何なのか
実際に以下のフォームで入力を試してみてください。
そのほかの半角文字については入力できず、全角文字の場合は入力はできますがenterキーを押下すると入力した内容が消えます。
この「e」とは指数表記のexponentialの頭文字からとっており、e は10のべき乗を表します。
ただ入力するだけなら問題ないですが、バリデーションを設定したり、入力した値を取得して何らかの処理を実行するとなると予期せぬバグが発生する可能性もあります。
そうならないように「e」を入力できないようにしましょう。
「e」を入力できないようにする
以下のコードを追加することで入力の制御をすることができます。
<input type="number" onkeydown="return event.keyCode !== 69"/>
以下で試してみてください。
ちなみに「e」を除く数値以外に入力できる文字は他にもあります。
数値以外に入力できる文字
+-.