Timepicker验证？ JQuery/Javascript

Question

我使用timepicker开始和结束时间。如果用户输入错误的时间格式，我想对这两个输入字段进行验证。这里是我的HTML代码：

<th>Start Time:</th> 
<td> 
    <input type="text" id="stime" name="stime" maxlength="10"/> 
</td> 
<th>End Time:</th> 
<td> 
    <input type="text" id="etime" name="etime" maxlength="10"/> 
</td> 

这里是我的JavaScript验证码：

var sTime = $('#stime').val(); 
var eTime = $('#etime').val(); 
var regExp = /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/i 

if(regExp.test(sTime) == false){ 
    alert('Start Time is wrong'); 
}else if(regExp.test(eTime) == false){ 
    alert('End Time is wrong'); 
} 

我的代码不能正常工作，如果我选择在我的timepicker正确的时间格式，我会得到提醒的时间是错误的。如果有人可以帮助解决这个问题，请告诉我。我的时间值是这样的：

start time: 08:00 am 
end time: 01:15 pm 

Answer 1

如果你想匹配am和pm分裂的时间间隔的时间范围为00:00和12:59之间。

所以你的正则表达式是：

^(?:(?:0?\d|1[0-2]):[0-5]\d)$ 

检查online demo

通古斯

^    # Start of the string 
(?:    # NCG1 
    (?:   # NCG2 
    0?\d  # An optional zero followed by a single number between zero and nine \d is just like [0-9] 
     |   # OR 
     1[0-2] # A literal '1' followed by a single number between zero and two 
    )   # CLOSE NCG2 
    :   # A literal colon ':' 
    [0-5]\d  # A single number from 0 to 5 followed by any digit 
)    # CLOSE NCG1 
$    # End of the string 

的js演示

var re = /^(?:(?:0?\d|1[0-2]):[0-5]\d)$/; 
 

 
var tests = ['08:00','01:15','1:14','02:23','23:23','12:01','13:05','3:04','5:65','0:0','12:9','0:34','0:01','00:31','0:00','00:00']; 
 
var m; 
 

 
while(t = tests.pop()) { 
 
    document.getElementById("r").innerHTML += '"' + t + '"<br/>'; 
 
    document.getElementById("r").innerHTML += 'Valid time? ' + ((t.match(re)) ? '<font color="green">YES</font>' : '<font color="red">NO</font>') + '<br/><br/>'; 
 
} 
 

<div id="r"/>

更新：我已经修改了正则表达式来丢弃之前接受某些值，例如像怪异0:0或12:9（取决于单个数字分钟的部分），如由麦克风在注释建议。

但是，正则表达式继续匹配午夜后的分钟数00:xx和中午12:xx。在意大利的数字时钟，这只是用来区分天顶和天底之间的方式（我不能确定它是普遍接受的，但我认为这是一个合理的默认值）。