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

Question

Can someone help me with some javascript code?

I would start a javascript function after click the submit button AND after pressing the 'Enter' key. I've made this code, seperately it works, but together the 'Enter' key doesn't works. What goes wrong?

Thanks!!

<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

Your SubmitFormData() function will work only if you click on the input button (you added the onclick attribute to it).

You should remove it and add the following attribute to your form : onsubmit="SubmitFormData(); return false;"

Obs.: change your type attribute on the input. The type="button" it's wrong. Use type="submit" .