javascript - 如何检查在表单字段上按下的键是否为数字 (0 - 9)？

Question

我在 JavaScript 的表单字段上使用 onkeyup 事件，我想检查按下的键是否是数字 - 即 0 - 9，所以我可以然后对输入做一些事情。

<input type="text" onkeyup="" />

我需要为此使用 Regex 吗？

Answer 1

使用event.key 获取实际值。要检查是否为整数，只需使用 isFinite

input.addEventListener("keydown", function(event) {
    const isNumber = isFinite(event.key);
});

其他选项:

const isNumber = /^[0-9]$/i.test(event.key)

一个更简单的 HTML 解决方案是使用 number 类型输入。它仅限于数字(种类)。

<input type="number">

无论哪种方式，您都应该使用以下方法清除所有用户输入:

string.replace(/[^0-9]/g,'');