Javascript 为什么document.forms[“myform”][“input”]。返回值未定义

所以这里我尝试制作一个HTML5版本的音调矩阵程序。问题是，我让用户输入他们希望歌曲的播放时间，然后确保他们输入了一个数字，所以我使用了

  function initiate(){
  var min = document.forms["initiator"]["min"].value;
  var sec = document.forms["initiator"]["sec"].value;
  // some logic
  return false;}

为了检查他们输入的内容是否确实是一个数字，但当我尝试这样做时，浏览器会抛出未捕获的TypeError：无法读取undefined的属性“min”，这是我的DOM中的内容

<form onsubmit="return initiate()">
Your song will be (at most): <input type="number" name="min" id="min"> minutes and <input type="number" name="sec" id="sec"> seconds long.<br>
<input type="submit" value="Start" />
</form><br>

我还把这个东西放在了这里的一个托管服务上，所以谢谢：

你的表格上没有名字

应该是这样的

如果不想命名表单，则更有益的方法是将表单对象作为参数传递：

function initiate(form){
  var min = form["min"].value;
  var sec = form["sec"].value;
  // some logic
  return false;
}

<form onsubmit="return initiate(this)">
<!--... rest of your code ...-->

---

谢谢我真是太傻了