因为我正在寻找验证，只允许整数，我采取了一个现有的答案，并改进它

其思想是从1到12验证，如果输入小于1，它将被设置为1，如果输入高于12，它将被设置为12。不允许使用十进制符号。

<input id="horaReserva" type="number" min="1" max="12" onkeypress="return isIntegerInput(event)" oninput="maxLengthCheck(this)">

function maxLengthCheck(object) {
    if (object.value.trim() == "") {

    }
    else if (parseInt(object.value) > parseInt(object.max)) {
        object.value = object.max ;
    }
    else if (parseInt(object.value) < parseInt(object.min)) {
        object.value = object.min ;
    }
}

function isIntegerInput (evt) {
    var theEvent = evt || window.event;
    var key = theEvent.keyCode || theEvent.which;
    key = String.fromCharCode (key);
    var regex = /[0-9]/;
    if ( !regex.test(key) ) {
        theEvent.returnValue = false;

        if(theEvent.preventDefault) {
            theEvent.preventDefault();
        }
    }
}

你可以将它指定为文本，但要添加只匹配数字的pettern:

<input type="text" pattern="\d*" maxlength="2">

它非常完美，而且在移动设备上(在iOS 8和Android上进行了测试)，数字键盘也会弹出。

啊。就像有人在实施过程中半途而废，以为没人会注意到。

不管出于什么原因，上面的答案没有使用min和max属性。这个jQuery完成它:

    $('input[type="number"]').on('input change keyup paste', function () {
      if (this.min) this.value = Math.max(parseInt(this.min), parseInt(this.value) || 0);
      if (this.max) this.value = Math.min(parseInt(this.max), parseInt(this.value) || 0);
    });

如果你是那种“jQuery-is-the-devil”类型，它也可能作为一个命名函数“oninput”使用jQuery。

    <input type="number" maxlength="6" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

这对我来说没有任何问题

与type="number"一样，指定max而不是maxlength属性，这是可能的最大数目。如果是4位数，最大值应该是9999,5位数是99999，以此类推。

另外，如果你想确保它是一个正数，你可以设置min="0"，以确保它是正数。

<input type="number" onchange="this.value=Math.max(Math.min(this.value, 100), -100);" />

或者如果你想什么都不能输入

<input type="number" onchange="this.value=this.value ? Math.max(Math.min(this.value,100),-100) : null" />