在表单提交上运行 JavaScript 函数

试图重新回到 Javascript，在这个非常基本的事情上遇到了一些麻烦。

https://jsfiddle.net/gfitzpatrick2/aw27toyv/3/ https://jsfiddle.net/gfitzpatrick2/aw27toyv/3/

var name = document.getElementById("name");
function validate() {
  alert("Your name is " +name);
}

<form action="" method="post" name="myForm">
  <label>Name</label>
  <input type="text" name="name" id="name" />
  <input type="submit" name="submit" onclick="validate()" />
</form>

只是想要一个弹出框显示您在字段中输入的名称，不知道为什么它不起作用。我还差得远吗？

Thanks.

这是解决方案https://jsfiddle.net/aw27toyv/4/ https://jsfiddle.net/aw27toyv/4/

**HTML**
<form onsubmit="return false;" method="post" name="myForm">
    <label>Name</label>
    <input type="text" name="name" id="name" />
    <input type="submit" name="submit" onclick="validate()" />
</form>

**JS**
validate = function() {
    var name = document.getElementById("name").value;
    alert("Your name is " +name);
}