javascript - 在表单提交上运行 JavaScript 函数

Question

试图回到 Javascript，在这个非常基本的东西上遇到了一些麻烦。

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>

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

谢谢。

Answer 1

这里有解决方案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);
}