如何使用提交按钮和输入按钮提交值？

Question

有人可以帮我写一些 javascript 代码吗？

单击提交按钮和按下“Enter”键后，我将启动一个 javascript 函数。 我已经制作了这段代码，单独它可以工作，但是“Enter”键一起不起作用。 出了什么问题？

谢谢！！

<form onsubmit="SubmitFormData(); return false;" id="myForm" method="post">

 Name:    <input name="name" id="name" type="text" /><br />


<input type="submit" id="submitFormData" onclick="SubmitFormData();" value="Submit" />
</form>

<script>
var input = document.getElementById("name");
input.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   SubmitFormData();
  }
});
</script>

function SubmitFormData() {
var name = $("#name").val();
$.post("submit.php", { name: name },
function(data) {
 $('#results').html(data);
 $('#myForm')[0].reset();
});
}

Answer 1

您的SubmitFormData()函数只有在您单击input按钮时才会起作用（您向其添加了onclick属性）。

您应该删除它并将以下属性添加到您的form ： onsubmit="SubmitFormData(); return false;"

观察：更改输入上的type属性。 type="button"是错误的。 使用type="submit" 。