April 14, 2013 asvignesh 0Comment
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

Your email address will not be published. Required fields are marked *