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>

Leave a Reply

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

Discover more from

Subscribe now to keep reading and get access to the full archive.

Continue reading