运行 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);
}

运行 JavaScript 表单提交功能

Run JavaScript function on form submit

html

javascript

onsubmit