html - 整数限制为 5，当我添加第六个数字时，我不希望它擦除下一个数字

Question

例如，我有一个最大长度为 5 int、“12345”的输入，并在“3”之后放置一个 9，它将擦除下一个数字（“4”），因此它将是“12395”。

我想阻止，所以如果输入中已经有 5 个 int，我将无法输入任何内容。

我使用 html 和 angular 7，这是我正在使用的输入掩码

    return createNumberMask({
        includeThousandsSeparator: true,
        thousandsSeparatorSymbol: '',
        allowDecimal: false,
        allowNegative: false,
        integerLimit: 5,
        suffix: '',
        prefix: ''
    });
}

标签： htmlcssangular

Answer 1

输入的最大长度将不再允许字符，您必须在添加新字符之前删除一个

<form action="/action_page.php">
  Username: <input type="text" name="usrname" maxlength="5"><br>
  <input type="submit" value="Submit">
</form>

最长长度