javascript - 如何限制 html.textbox 中时间格式的值

Question

我需要使用 jquery 限制 html.textbox 中时间格式 (00:00:00) [hh:mm:ss) 的值。限制值为：特殊 Char 、 az 、 AZ 所有其他值。仅允许的数字。“：”值应该是默认值。

Answer 1

单击此处http://keith-wood.name/timeEntry.html，了解文本框 html 中的 jquery 时间条目

Answer 2

小提琴：http : //jsfiddle.net/b9Arm/

HTML

<input maxlength="8" type="text" id="time" style="border: 1px solid" />

JS

$('#time').keypress(function(e) {
    if (!((e.keyCode >= 48 && e.keyCode <= 57) || 
          (e.shiftKey === true && e.keyCode === 58))) {
        e.preventDefault();
    }
});

注意：除了 48 到 57 之外，还要添加从数字键盘输入的数字的键码。此外，您需要进行一些验证以确保格式确实是 dd:dd:dd。

例如：

$('#time').blur(function (e) {
    if(!(/\d\d\:\d\d\:\d\d/.test($('#time').val()))) {
        alert('Achtung Baby!')
    }
});