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

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>