Form Submitted Using Submit() From A Link Cannot Be Caught By Onsubmit Handler
Solution 1:
To provide a reasonably definitive answer, the HTML Form Submission Algorithm item 5 states that a form only dispatches a submit event if it was not submitted by calling the submit method (which means it only dispatches a submit event if submitted by a button or other implicit method, e.g. pressing enter while focus is on an input type text element).
If no submit event is dispatched, then the submit handler won't be called.
That is different to the DOM 2 HTML specification, which said that the submit method should do what the submit button does.
So if you want to use script to submit a form, you should manually call the submit listener. If the listener was added using addEventListener, then you'll need to remember that and to call it since you can't discover it by inspecting the form (as suggested below).
If the listener is set inline, or added to the DOM onsubmit property, you can do something like:
<formonsubmit="return validate(this);"...>
...
</form><buttononclick="doSubmit()">submit form</button><script>functiondoSubmit() {
var form = document.forms[0];
if (form.onsubmit) {
var result = form.onsubmit.call(form);
}
if (result !== false) {
form.submit();
}
}
</script>Life is tougher if you need to pass parameters or do other things.
Solution 2:
Thats how form.submit behaves;
The form's onsubmit event handler (for example, onsubmit="return false;") will not be triggered when invoking this method from Gecko-based applications. In general, it is not guaranteed to be invoked by HTML user agents
Make onsubmit call a function and simply call that onclick as well.
Post a Comment for "Form Submitted Using Submit() From A Link Cannot Be Caught By Onsubmit Handler"