Pressing "Return" in a HTML-Form with multiple Submit-Buttons

javascript html forms submit
DiegoFrings picture DiegoFrings · Jan 20, 2010 · Viewed 14.4k times · Source

Let's imagine a HTML-form with with two submit buttons. one of them is positioned in the upper half of the form and does something less important. the other button is the actual submit button, which saves the entered data. this button is positioned at the end of the form. the two buttons will trigger different action-urls.

experienced users like to submit their forms by pressing "enter" or "return" instead of clicking on the according button.

unfortunately, the browser will look for the first submit-button of the current form and use this to execute the form-submit. since in my form the second button is the actual submit-button, i need to tell the browser to use this particular button (or the action-url that is associated with it).

i don't link javascript listeners, which are looking for key pressed or something like that. so i'm looking for a better approach to this problem. however, javascript or jquery solutions (without keypressed-listerner) are welcome.

thank you very much for your help in advance.

Answer

Lucas picture Lucas · Jan 20, 2010

change your first button to a <input type="button" />.

Related questions

JavaScript Form Submit - Confirm or Cancel Submission Dialog Box

For a simple form with an alert that asks if fields were filled out correctly, I need a function that does this: Shows an alert box when button is clicked with two options: If "OK" is clicked, the form is …

Read More
Change value of input and submit form in JavaScript

I'm currently working on a basic form. When you hit the submit button, it should first change the value of a field, and then submit the form as usual. It all looks a bit like this: <form name="myform" …

Read More
HTML form with two submit buttons and two "target" attributes

I have one HTML <form>. The form has only one action="" attribute. However I wish to have two different target="" attributes, depending on which button you click to submit the form. This is probably some fancy JavaScript code, …

Read More