2021-12-31 HTML Validator / number type input で e を制御する

HTML Validator

html ファイルのvalidation, checker ってあるかな？って調べた。

The Nu Html Checkerは、W3CやWhatWGでも利用されているHTMLのバリデーターです。上記W3CまたはWhatWGのページにアクセスして、チェック対象のページのURLを入力して、HTMLの仕様に準拠しているかどうかをチェックするというのが一般的な使い方です。

Java に依存していてなかなかヘビーだった。

<input type="number"> を使うことで入力を数値のみに制御することができるが、eという文字列もまた入力可能になる。

これを制限したい場合は下記のようにする。

document.querySelector('input[type="number"]').addEventListener('keydown', event => {
  if (event.key === 'e') {
    event.preventDefault()
  }
})

<input type="number" @keydown.69.prevent>

ちなみに e の意味は10のべき乗。