My main issue is the submitHandler portion. I want to reset the form on submission, or be able to call the form reset as needed. As it stands now, the form works sending and recieving as needed. I just need to reset the form correctly, hopefully using the built in reset.
// validate signup form on keyup and submit var suggester = $("#suggest_form").validate({ rules: { suggest_handle: { required: true, minlength: 6, }, suggest_email: { required: true, email: true, }, suggest_site: { required: true, minlength: 8, url: true, }, suggest_cat: { required: true, }, suggest_reason: { required: true, maxlength: 500, } }, messages: { suggest_handle: { required: "*Enter your forum handle", minlength: jQuery.format("*{0} characters required"), }, suggest_email: { required: "*Provide email", required: "*Enter a valid email address", }, suggest_site: { required: "*Please enter URL", minlength: jQuery.format("*Valid site URL please"), url: "*Valid site URL please" }, suggest_cat: { required: "*Please enter category for site", }, suggest_reason: { required: "*Provide reason for site change", maxlength: "*Message is too long. Please edit.", } }, debug:true, errorClass: "invalid", errorPlacement: function(error, element){ error.insertAfter(element.prev('label:first')); }, submitHandler: function(form){ $('#suggest_form input[type="submit"]').click(function () { $.ajax ({ type:'post', url: 'mailer.php', data:$(form).serialize(), success: function(msg){ $('#formMessage').text(msg).addClass('formGood').fadeOut(1000); } }); }) } }