わかりましたので、jQuery Validation で検証しているフォームがあり、AJAX で送信しようとしています。以下のコードでは、フォームが有効で [送信] をクリックすると、ページがリロードされ、入力が URL アドレス バーに配置されます (つまり、method="get")。
ajax メソッドでは、それを設定してPOST
いますが、ajax 呼び出しを使用しているようには見えません。
私は何を間違えましたか?
$().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;
}
});
});