如何通过按Enter或提交按钮提交表单？

Question

I've created a form, but it only submits if I press the button Submit... How can I make it also submit if the Enter key is pressed? Here is my form's code:

<form method="POST" id="form01">
<textarea name="inputBox123" id="myTextarea" style="white-space:nowrap;">
</textarea>
<input type="button" value="Submeter" onclick="myFunction()" />
</form>

<script type="text/javascript">

function myFunction(val) {

var testThis = document.getElementById("myTextarea").value;

if ( testThis.indexOf("launch") > -1 ) {
window.location = 'http://www.cateto.weebly.com/benoit.html';
return false;


}

}
</script>

Thanks,

Tom

Answer 1

Instead of using <input type="button" /> , use <input type="submit" /> to send the form.

The enter button should submit the form by default.

Answer 2

You should attach event listener to textarea tag and listen for keypress and when Enter is pressed you invoke your function:

 var textarea = document.querySelector("textarea");//get textarea tag //NOW replace this with: var input = document.getElementById("myTextarea") //BELOW change textarea with input textarea.addEventListener("keypress", function(e){ console.log(e.which, e.target.value); if(e.which === 13)//code number for enter key myFunction(e.target.value);//run function with value }); function myFunction(val) { var testThis = document.getElementById("myTextarea").value; if ( testThis.indexOf("launch") > -1 ) { window.location = 'http://www.cateto.weebly.com/benoit.html'; return false; } } 

 <form method="POST" id="form01"> <textarea name="inputBox123" id="myTextarea" style="white-space:nowrap;"> </textarea> <!-- change above with input in the comment I entered --> <input type="submit" value="Submeter" onclick="myFunction()" /> </form>