javascript - 限制输入到文本框: it only accept number and should not accept decimal value

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 3 年前。

Improve this question

如何限制文本框只接受数字而不接受小数值和字母？

Answer 1

首先您需要创建一个调用函数的输入元素

<input type = "text" id = "a" onkeyup="myFunction(event)"/>

现在，您定义输入框，每当您按下键盘上的键时，该输入框都会调用函数 myFunction (它接受事件)。

现在我们需要阻止除 0-9 之外且不带 (.) 的所有其他键，因为您不需要任何小数点。

因此我们需要创建一个正则表达式，它可以检查模式并检查输入的值是否遵循该模式，如果遵循，我们将在变量中设置该值，如果不遵循，我们将把输入值设置为旧的正确值，调用preventDefault。

<script>
let value = null;
function myFunction(event) {

    // event.target.value = what ever you typed
    // /^[0-9]+$/ = regex code to prevent other letter except 0123456789

    if (event.target.value.match(/^[0-9]+$/)) {
        value = event.target.value;
    } else {
        // this line will update your input box to correct value
        document.getElementById("a").value = value;
        event.preventDefault();
    }
}
</script>