I have a form with a few required fields using the jquery Validation plugin to validate the input values before the form is submitted. All fields except the email field works properly, but if the value of the email-field isnt a valid email address the error message is displayed when the user proceeds to the next field. Validate doesnt wait until the submit button is clicked. If the email-field is left empty the validation doesnt happen until the submit button is clicked.
<input class="email required" /> triggers validation on lost focus if ! = "" and invalid <input class="required" /> works as expected $().ready(function() { var validator = $("#subscribe_form").validate({ errorContainer: $("subscribe_errorContainer"), errorLabelContainer: $("ul", container), wrapper: 'li', meta: "validate", submitHandler: function(form) { * updating a few fields * form.submit(); } }); });