HTML输入类型“number”与maxlength的输入类型“text”具有相同的行为

Question

我在表单中使用类型编号的输入，如下所示：

<input class="form-control" id="Parti_NEstudante" name="Parti_NEstudante" type="number" min="0" max="9999999999" step="1" oninput="(validity.valid)||(value='');">

当我插入值时，如果我引入超过10位数，所有输入都会被删除，因为我实现了最大值。

我的问题是，是否可以阻止更多数字，而不是删除我的输入？就像输入类型“text”的“maxlength”行为一样。

Answer 1

你可以通过这种方式实现这一目标。

<input id="Parti_NEstudante" type="number" min="0" max="9999999999">

<script>
    var input = document.getElementById("Parti_NEstudante");

    input.addEventListener("input", function() {
        if (this.value.length > this.max.length) {
            this.value = this.value.slice(0, this.max.length)
        }
    });
</script>