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

时间:2013-03-11 10:22:08

标签: javascript jquery html datetime

我需要使用jquery将html.textbox中的值限制为时间格式(00:00:00)[hh:mm:ss)。限制值是:特殊字符,a-z,A-Z等。只允许数字。 “:”值应该是默认值。

2 个答案:

答案 0 :(得分:0)

FIDDLE 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!')
    }
});

答案 1 :(得分:0)

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