仅正整数输入的 Javascript 验证

Question

我有两个文本框，其中只允许使用正整数。 如果输入了任何字母值或任何其他字符（例如 %$&*£"），则应显示错误消息并且这些值不得呈现表格。

 <input type="button" value="total" name="B3" onclick="powerOf();">

此行允许进行计算，此验证如何阻止这种情况发生 输入错误值时？截至目前，已计算出负数，输入字母会产生一个空表，这不是我想要的：

(no1== no1.match(/^-\d+$/) ? alert("First number must be positive"): no1 = no1 ? no1 : 0);
        (no2== no2.match(/^-\d+$/) ? alert("Second number must be positive"): no2 = no2 ? no2 : 0)

        var range1 = parseInt(no1);
        var range2 = parseInt(no2);

有什么想法吗？

Answer 1

注意：您可以通过 HTML5 表单验证简单地做到这一点：

<input type="number" min="1">

除非输入的值大于 1，否则您将无法提交表单。不过，这似乎只适用于 Chrome。

---

要回答您的问题，您要查找的是event.preventDefault()。如果您将 onclick 函数更改为：

 <input type="button" value="total" name="B3" onclick="powerOf(event);">

然后您可以在powerOf 函数中运行event.preventDefault()，当您运行该函数时，该事件将被“取消”。例如：

function powerOf(event) {
    if (!/^\d+$/.test(document.getElementById('input-1').value)) {
        event.preventDefault();
    }
}

当id="input-1" 的输入值仅为非位时，将取消点击事件。

有关工作示例，请参阅 this demo。