[jQuery] Correctly submitting form using Validation Plugin
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);
}
});
})
}
}