javascript - 時刻形式の html.textbox の値を制限する方法

Question

jquery を使用して、時間形式 (00:00:00) [hh:mm:ss) の html.textbox の値を制限する必要があります。制限値は次のとおりです: special Char 、 az 、 AZ その他すべて。許可された番号のみ。":" 値はデフォルトである必要があります。

Answer 1

フィドル： 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!')
    }
});

Answer 2

ここをクリックhttp://keith-wood.name/timeEntry.html、テキストボックスhtmlのjquery時間エントリについて知る