javascript - 在 Dashcode 小部件中验证时间

Question

我正在尝试验证此输入字段中没有 AM/PM 的 12 小时时间。解决这个问题的最佳方法是什么？我列出了我目前所拥有的尚未解决的问题。几天来一直在寻找如何解决这个问题，但没有成功。

<input id="dtstartf" type="text" name="time" value="08:00" class="apple-textfield apple-   no-children" apple-part="com.apple.Dashcode.part.textfield" onkeypress="time(event)">

function time(event) {
  var regex = ["[0-2]",
  "[0-4]",
  ":",
  "[0-6]",
  "[0-9]",
  "(A|P)",
  "M"],
  string = $(this).val() + String.fromCharCode(e.which),
  b = true;
  for (var i = 0; i < string.length; i++) {
    if (!new RegExp("^" + regex[i] + "$").test(string[i])) {
        b = false;
    }
  }
  return b;
}

Answer 1

以下函数看起来工作正常:

function validateTime(time) {
    // Check pattern
    var pattern = /^\d{1,2}:\d{1,2}$/;
    if (!pattern.test(time)) {
        return false;
    }
    // Split them and check the individual values
    var splitvalues = time.split(':');
    if (splitvalues[0] > 12 || splitvalues[0] < 1 || splitvalues[1] < 0 || splitvalues[1] > 59) {
        return false;
    }
    // If we get to this point, everything should be valid
    return true;
}

但是，正如您特别提到的，这是针对 Dashcode 小部件的，我认为 HTML5 时间输入类型可能就足够了，在这种情况下，只需将输入类型更改为“时间”就足够了。