I came across this little snafu yesterday while working on my capstone, which I was able to reproduce in all the major browsers.
If your form has any form of
<button> with a
name attribute of “submit” (
name="submit"), it will override the
.submit() method and throw an error when you try to call it (as I do in the same code above)!
Changing the attribute’s value to anything else, even “form-submit”, will prevent the method from being overwritten. So be aware of what you
name those inputs! They could introduce some pretty nasty bugs! It took me a bit to track this down because it was behavior I did not expect!