好的,我有一个表单,正在使用 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;
}
});
});
最佳答案
尝试使用:
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!");
}
});
$form.submit();
}
关于javascript - jQuery验证成功后用ajax提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18863773/