Enviar un formulario con ajax después de que la validación de jQuery sea exitosa
Ok, tengo un formulario que estoy validando con jQuery Validation y ahora estoy intentando enviarlo con AJAX. Con el código a continuación, una vez que el formulario es válido y hace clic en enviar, las recargas de la página y las entradas se colocan en la barra de direcciones URL (es decir, método = "obtener")
En el método ajax tengo ese conjunto paraPOST
pero no parece estar usando la llamada ajax.
¿Qué hice mal?
$().ready(function() {
var $form = $(this);
//validate the inquiry form on keyup and submit
$("#inquiryForm").validate({
showErrors: function(errorMap, errorList) {
for (var error in errorMap) {
$.growl.error({ message: errorMap[error] });
}
},
onkeyup: false,
rules: {
fullName: {
required: true
},
email: {
required: true,
email: true
},
inquiry: {
required: true,
minlength: 5,
maxlength: 500
}
},
messages: {
fullName: "Your name is required",
email: "A valid email address is required",
inquiry: "Your inquiry is required and must have between 5-500 characters"
},
submitHandler: function(form) {
$.ajax({
url: form_submit/inquiry_form/inquiry_form.php,
type: "POST",
data: $(form).serialize(),
success: function(response) {
$('#inquiryFormHolder').html("Your form was submitted!");
}
});
return false;
}
});
});