修改數字輸入只接受數字

Question

我的 HTML 頁面有一個數字類型的輸入。 這與這個例子非常接近。 不幸的是，此輸入接受諸如“---”、“+++”、“eee”和其他非數字輸入之類的值。

我的任務是禁用控件輸入非數字（如“----”）的能力。

當用戶擁有表單時，也可能顯示錯誤消息。 有沒有辦法做到這一點？

Answer 1

如果您將輸入類型指定為數字，它將不接受非數字字符

KEYCODE 8 和 46 是允許退格和刪除。

嘗試在下面的文本框中輸入非數字字符

 <input type="number" onkeydown="javascript: return event.keyCode === 8 || event.keyCode === 46 ? true : !isNaN(Number(event.key))" />