如何使用提交按鈕和輸入按鈕提交值？

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" 。