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函数

1 个答案: