让HTML input标签限制特定的输入

Question

如何创建不允许输入1的HTML input标记。例如，它可以是类型2131或11，而不是1本身。我已尝试使用patternMismatch= "1{1}“，但网站未显示消息。

Answer 1

每次用户输入某些内容时，您都必须检查该值。在输入时，检查该值是否为1，如果是，则清除输入字段。

代码：

let input = document.querySelector('input');
input.addEventListener('input', (e) => {
    if (!input.value == "1") return;
    input.value = "";
})

Answer 2

尝试使用input type="number"，步长为1，最小值为2，如下所示：

<form action="/action_page.php"><label for="points">Points:</label> <input type="number" id="points" name="points" step="1" min="2" /> <input type="submit" /></form>