HTML5番号入力

からの生の入力をHTML5で取得すると、要素により、ユーザーは数値値を入力できます。ただし、入力が無効である場合（例えば、数値以外の文字が含まれています）、その値プロパティは空の文字列を返します。解決策：

仕様により無効な値の取得を防ぐが、入力が空であるか無効なテキストが含まれているかを判断する方法はありません。したがって、別のアプローチが必要です。 document.getElementById（ 'edquantity'）; numberinput.addeventlistener（ 'input'、（event）=> { const rawvalue = event.target.value; if（isnan（rawvalue））{ //入力は無効なテキストです。赤く色 numberinput.classlist.add（ 'error'）; } それ以外 { //入力は有効な番号です。緑色に色を付けます numberinput.classlist.remove（ 'error'）; } }）;