UPDATE From @BrendanEich
@mplungjan onclick of submit just falls out of that being a button; form onsubmit is clearly better.
Which would be the reasons to ever use the onclick of a submit button to determine whether or not the form should be submitted?
I believe strongly that
I am looking for strong reasons to prefer using a submit button's onclick event over the form's onsubmit.
UPDATE: Please note that I am personally well aware of many of the issues around form submission and validation.
For example that submitting by javascript will not trigger the onsubmit http://jsfiddle.net/mplungjan/3A4Ha/
<form onsubmit="alert('onSubmit called')">
<input type="text" value="This will submit on enter but in IE the onclick is not triggered" style="width:100%"/><br/>
<input type="submit" onclick="alert('Clicked')" />
</form><br />
<a href="#" onclick="alert('Submitting by script'); return false">Submit by script will not trigger onsubmit</a>
Also that IE will not trigger the onclick if you hit enter in the form in my fiddle
History:
Got into a discussion here
html button not clickable without being disabled
I have an intense dislike of using the onclick of a submit button for ANYTHING due to many1 years of seeing this not work in a number of browsers, mostly older version of IE. I have listed a few of the obvious reasons, but I am sure they will not convince the hardened user.
Can SO's community help me nail this one to the wall, like they nailed w3schools? Also feel free to give comments as to how I can phrase this question in an acceptable manner.
1: since the days of NS2.x and IE3.02
OnSubmit is used on a form , and indicates that the information is to be submitted to the server at this point unless you return false. OnClick is used on anything, and indicates that it was clicked, offering no other context to the intention of the event at all.
A Form can have onsubmit event but a button cannot have the onsubmit.
The form will be submitted to the server and the browser will redirect away to the current address of the browser and append as query string parameters the values of the input fields.
Submit buttons don't submit if they are not in a form.
Form onsubmit is a more correct approach, for the simple reason that a form can also be submitted with the <ENTER>
key, and not just by clicking the submit button.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With