Javascript Jquery-Textbox接受的数字不超过24&；60

我将用户输入作为时间，因此页面上有两个文本框。 第一个代表小时，第二个代表分钟

我的验证是：-

• 文本框中只允许2个数字

• 第一个文本框只接受最多24个数字

• 第二个文本框只接受最多60个数字

$（“.TO”）.on（'keyup keypress blur change'，函数（e）{
如果（e.which！=8&&e.which！=0&&e.which<48 | e.which>57））{
返回false；
}否则{
if（$（this.val（）.length>=parseInt（2）&（e.which！=8&&e.which！=0））{
返回false；
}
}
});

---

我被第二次和第三次验证卡住了？

尝试使用

max

属性，在第一次

输入时设置为
“24”
，在第二次
输入时设置为
“60”

$(".TO").on('keyup keypress blur change', function (e) {
    if (+this.value > +this.max) {
      this.value = this.max
    }
});

jsiddle
尝试使用
max
属性，第一次
输入
时设置为
“24”
，第二次
输入
时设置为
“60”

$(".TO").on('keyup keypress blur change', function (e) {
    if (+this.value > +this.max) {
      this.value = this.max
    }
});

jsiddle
尝试使用
max
属性，第一次
输入
时设置为
“24”
，第二次
输入
时设置为
“60”

$(".TO").on('keyup keypress blur change', function (e) {
    if (+this.value > +this.max) {
      this.value = this.max
    }
});

jsiddle
尝试使用
max
属性，第一次
输入
时设置为
“24”
，第二次
输入
时设置为
“60”

$(".TO").on('keyup keypress blur change', function (e) {
    if (+this.value > +this.max) {
      this.value = this.max
    }
});

我试图在第一个框中键入3，在第二个框中键入9，但它取了最大值。也可以使用递增箭头。@Bharadwaj参见更新的帖子。将
this.value
，
this.max
转换为numberI尝试在第一个框中键入3，在第二个框中键入9，但它采用了最大值。也可以使用递增箭头。@Bharadwaj参见更新的帖子。将
this.value
，
this.max
转换为numberI尝试在第一个框中键入3，在第二个框中键入9，但它采用了最大值。也可以使用递增箭头。@Bharadwaj参见更新的帖子。将
this.value
，
this.max
转换为numberI尝试在第一个框中键入3，在第二个框中键入9，但它采用了最大值。也可以使用递增箭头。@Bharadwaj参见更新的帖子。将
this.value
，
this.max
转换为数字