数字文本框中的最大值

Question

我知道我们可以通过以下代码限制用户输入小于特定最大数字的数字。

    <input id="txt" max="9999" type="number">

如果用户输入超过 9999 的任何内容，文本框上方会出现一个工具提示，要求用户输入小于 9999 的数字。有没有办法限制用户在文本框中最多只能输入 4 个数字。输入4位数字后，系统将不允许数字在文本框中输入任何内容。

这适用于使用以下代码的普通文本框，但对于数字文本框，系统允许输入 n 位数字。

   <input id="txt" maxlength="4" type="text">

附：我已经使用 Jquery 进行了验证，如果用户输入超过 4 位，系统会通知用户。我的要求是根本不允许用户输入第 5 位数字。

Answer 1

你可以使用 Jquery

$("#txt").blur(function() {  

    if ($('#txt').length > 4) {
        $('#txt').before('your notice');
    }

});