Question

有人可以帮助我限制type =“ number”中的输入，因为我知道max length在数字类型中不起作用，而且max仅可以在spinner中使用，我想知道如何在输入时限制输入。

<input type="Number" name="id" class="form-control" max="9999999" required>

Answer 1

您可以使用一些JS添加属性oninput：

<input type="number" maxlength="6"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"/>

Codepen

Answer 2

您将必须使用一些javascript。代码如下。

代码基本上存储输入的值（如果长度小于7），并且当长度大于7时，它只是用存储的值替换输入字段的值。

var text;
document.getElementById("input").addEventListener("keypress", function() {
  if (document.getElementById("input").value.length > 7) {
    document.getElementById("input").value = text;
  }
  else {
    text = document.getElementById("input").value;
  }
});

<form>
  <input type="Number" name="id" class="form-control" id="input" max="9999999" required>
  <input type="submit" value="Submit" />
</form>

如何限制type =“ number” HTML中的输入

2 个答案: