防止用户在输入字段中输入大于2位数字的值

Question

我有一个HTML表单字段，可以从用户那里获取月份。

<input type="text" placeholder="MM" size="2" name="month">

我需要该字段仅接受2位数字。 我尝试了表单验证，但是它允许用户输入2位以上的数字，然后显示验证消息。 我不需要该字段的任何验证消息，但是应该限制用户最多只能输入2位数字。 有没有一种方法可以使用jquery做到这一点？

Answer 1

 <input type="text" placeholder="MM" size="2" name="month" maxlength="2> 

maxlength属性；

<input type="text" placeholder="MM" size="2" maxlength="2" name="month">

它限制了您可以直接输入的文本数量，不允许您键入更多内容。

编辑：添加了代码段

Answer 2

最简单的方法是使用type='number'属性并设置max='12' ：

<input type='number' max='12' min='1'>

SNIPPET

 input { width: 4ex; padding: 0 1px; } input:last-of-type { width: 6.5ex; } 

 <fieldset> <legend>Enter Date</legend> <label>Month:</label> <input type='number' max='12' min='1'> <label>Day:</label> <input type='number' max='31' min='1'> <label>Year:</label> <input type='number' max='3000' min='2016'> </fieldset> 

Answer 3

这应该可以为您提供帮助，每当用户按下按键时，它就会检查长度，然后修剪多余的字符（如果有）：

$("input").keydown(function() {
    var value = $(this).val();
    if(value.length > 2) {
        value = value.substring(0, 2);
        $(this).val(value);
    }
});