2013-03-11 69 views
0

我需要使用jquery在html.textbox中限制時間格式(00:00:00)[hh:mm:ss)中的值。限制值是:特殊字符,a-z,A-Z等所有其他字符。只有允許的號碼。 「:」值應該是默認值。如何在html.textbox中限制時間格式的值

+0

jQuery的時間條目試試這個插件http://keith-wood.name/timeEntry.html – DDK 2013-03-11 10:27:34

+0

但在這裏失蹤秒,我需要24小時格式 – 2013-03-11 10:29:47

+0

設置'showSeconds'選項爲true以啓用秒顯示和show24Hours選項爲true以啓用24小時格式。 '$('time_input')。timeEntry({show24Hours:true,showSeconds:true});' – DDK 2013-03-11 10:34:11

回答

0

FIDDLEhttp://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!') 
    } 
}); 
+0

如何設置:inbetween差距 – 2013-03-11 10:58:37

+0

之間的差距?有什麼差距? – 2013-03-11 11:00:57

+0

我需要把「:」值的例子(00:00:00) – 2013-03-11 11:07:23

相關問題