Question

I want the user to be able to click submit, but if the correct fields aren’t filled out it will not go through and errors will appear. Is this possible? I know how to do the errors part, but the blocking submit part is annoying.

Answer 1

Handle the submit event on the form:

$(document).ready(function() {
     $("#yourFormIdHere").submit(function(e) {
         // process fields
         if (thereWereErrors) {
             e.preventDefault();
         }
     });
});

If you call the event.preventDefault() method in an event handler it stops the default action for that event from happening, where in the case of the submit event the default is of course to submit the form…