getting node values from an array

the working version(devoid of regex)

by al nmeri

HTML

<form>
  <input id=hours type=text maxlength=2 placeholder="00" />
  <input id=minutes type=text maxlength=2 placeholder="25" />
  <input id=seconds type=text maxlength=2 placeholder="00" />
  <br>
  <input id=submit type=submit disabled/>
</form>

CSS

form {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid red;
}

input {
  flex: 1 20%;
  height: 200px;
  font-size: 500%;
  box-sizing: border-box;
}

#submit {
  position: absolute;
  display: block;
  height: initial;
  font-size: initial;
}

JavaScript

var formItems = document.querySelectorAll("input");
var formArray = Array.prototype.slice.call(formItems, 0, formItems.length - 1);
var submit = document.querySelector("#submit");
for (var i = 0; i < formArray.length; i++) {
  formArray[i].addEventListener("input", validate);
}

function validate() {
  for (var j = 0; j < formArray.length; j++) {
    if (Number(formArray[j].value) <= 59) {
      //if (this.textContent.toString.match(expression) = true) {
      submit.removeAttribute("disabled");
    } else alert("Please Input A Valid Timeframe");
  }
  //);
}