javascript/jquery驗證時間日誌（5h 3m）

Question

我有一個輸入的文本類型。如何進行驗證，以便用戶只能輸入此類值（5小時30分鐘），這是爲了記錄時間（在任務上花費了多少時間）。我應該使用任何正則表達式？

Answer 1

我不知道如何一次處理所有的情況，但你可以隨時測試幾個rexexp，看看你是否得到一個匹配。

• 小時和分鐘：只有/^\d{1,2}h\d{1,2}m$/i

• 營業時間：只/^\d{1,2}h$/i

• 分鐘：/^\d{1,2}m$/i

• 分鐘和小時：/^\d{1,2}m\d{1,2}h$/i

var pattern1 = /^\d{1,2}h\d{1,2}m$/i; 
 
var pattern2 = /^\d{1,2}h$/i; 
 
var pattern3 = /^\d{1,2}m$/i; 
 
var pattern4 = /^\d{1,2}m\d{1,2}h$/i; 
 

 
var reg1 = RegExp(pattern1); 
 
var reg2 = RegExp(pattern2); 
 
var reg3 = RegExp(pattern3); 
 
var reg4 = RegExp(pattern4); 
 

 
var test = function() { 
 

 
    var toTest = document.getElementById('i').value; 
 

 
    if (
 
    !reg1.test(toTest) && 
 
    !reg2.test(toTest) && 
 
    !reg3.test(toTest) && 
 
    !reg4.test(toTest) 
 
) alert('Not OK'); 
 
    else alert('OK'); 
 
}

<input id="i" type="text" value="" /> 
 
<input type="button" value="Test" onclick="test();" />