How to validate with Javascript an Input text with Hours and Minutes

Question

Either with the following regular expression :

^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$

Or by hand, but I strongly suggest the RegExp 🙂
A simple example :

function validateHhMm(inputField) {
    var isValid = /^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$/.test(inputField.value);

    if (isValid) {
      inputField.style.backgroundColor="#bfa";
    } else {
      inputField.style.backgroundColor="#fba";
    }

    return isValid;
  }

<input type="text" onchange="validateHhMm(this);" />

Leave a Comment Cancel reply