Javascript: onsubmit skipped
I did a small form for a payment gateway and needed onsubmit method, so I wrote one and test it. Tests failed in FF but worked in IE, no errors, nothing, only one thing: onsubmit method was skipped by JS Engine in FF.
My original code:
<form action="some_link" onsubmit="some_method()">
</form>
</form>
Error? Yeah, a return in front of some_method!
<form action="some_link" onsubmit="return some_method()">
</form>
</form>
It’s an old trick, but some people(like me) still forget it :).
Why is return needed? Sends the return value to the browser, if it’s FALSE, nothing happens, if TRUE a submit is coming.
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Try using ajax / jquery functions to submit. http://plugins.jquery.com/ , http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/
Hope this help.
Very well written post. It will be helpful to anyone who employess it, as well as myself. Keep up the good work – for sure i will check out more posts.