Submiting a Form page by pressing ‘Enter’ Key

We can submit the html form page by pressing submit button and the shortcut way is pressing enter ( return ) button on keyboard after filling up the form

Here is the post to explain how to submit a form by pressing enter button using jQuery

Generally, a form is submitted when the user presses a submit button. However, sometimes, you may need to submit the form when the user press return key ( enter key)

Here is the code to submit the form by pressing the enter key

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script>
function formSubmit()
{
document.getElementById("frm1").submit();
}
$('#submit_form').keypress(function (e) {
if (e.which == 13) {
//13 is the javascript keycode for return key
 // for more key code refer my previous post
 formSubmit()
 return false; //<---- Add this line
}
});
</script>
</head>
<body>
<form id="frm1" action="form_action.asp">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" id=”submit_form”><br>
<input type="button" onclick="formSubmit()" value="Submit form">
</form>
</body>
</html>
Default image
Vignesh A Sathiyanantham
AWS Certified developer with 8 years of extensive experience working for Cloud and Datacenter solutions and leading a small team in a lean startup based on Bangalore, India

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.