AJAX and jQuery validate issue

Question

So I got stuck in this dead end. I have AJAX script and jQuery Validation plug-in. With this script, when my page loads empty contact form automatically submits on itself. If I

Answer 1

Your ajax is running on page load because nothing is stopping it. You need to put the ajax code inside an event handler so it's only called if/when your form passes validation.

The following is an example of the proper implementation of the Validation Plugin. And you do not need to put the validate() inside a click handler. The Validation plugin has a bunch of its own handlers built in including a submitHandler that fires when the form passes validation.

Validation Plugin Documentation

Some side issues...

1. Your code would be much easier to read & troubleshoot if you used proper indentation and standard formatting.

2. There is not need to use duplicate document.ready functions. Everything can be inside one.

3. Like in #2, you do not need separate sets of tags to contain your code. Everything can be enclosed once.