How To Make Enter The Submit Button In A Form
I have a form for logging into my website. I need to make it so that when the user hits enter, the form submits. How can I do this? Please provide code. Thanks.
Solution 1:
Have you actually tried anything?
You need to add an <input type="submit"> and hide it with CSS so that the browser knows what to trigger when enter is pressed, yet still not show a button. For the sake of accessibility and ease of use, I'd show the button even if not that many people use it (enter is much nicer).
Solution 2:
add a handler to on keydown and check for keycode == 13. Make this submit the form like below
function addInputSubmitEvent(form, input) {
input.onkeydown = function(e) {
e = e || window.event;
if (e.keyCode == 13) {
form.submit();
return false;
}
};
}
Solution 3:
This should happen by default. In my experience some browsers require an <input type=submit> field, but generally this is not a requirement.
Post a Comment for "How To Make Enter The Submit Button In A Form"