Question

When I submit this form, I’m quickly getting an “object is not a function” error (in Chrome), while the form submits. What’s my bug?

I’m sure it’s something silly, but for the life of me I don’t understand what’s wrong here.

Answer 1

The other answers are correct, but you can avoid all this hassle by using jQuery more properly.

Instead of inline JavaScript inside the form tag, add ID to the form then have such code:

$(document).ready(function() {
    $("#myform").bind("submit", validate);
});

The form now should look like this:

<form id="myform">

And don’t forget to add the return false; to the function itself to prevent submission.

When inside the function, JS will treat validate properly as a function – when inline inside the form tag, it looked first in the form elements and found the button – hence the error you got.