Javascript jQuery验证成功后使用ajax提交表单
好的,我有一个表单,我正在用jQuery验证进行验证,现在我正试图用AJAX提交它。使用下面的代码,一旦表单有效并单击submit,页面将重新加载,输入将被放置在url地址栏中(即method=“get”) 在ajax方法中,我将其设置为Javascript jQuery验证成功后使用ajax提交表单,javascript,jquery,ajax,forms,jquery-validate,Javascript,Jquery,Ajax,Forms,Jquery Validate,好的,我有一个表单,我正在用jQuery验证进行验证,现在我正试图用AJAX提交它。使用下面的代码,一旦表单有效并单击submit,页面将重新加载,输入将被放置在url地址栏中(即method=“get”) 在ajax方法中,我将其设置为POST,但它似乎没有使用ajax调用 我做错了什么 $().ready(function() { var $form = $(this); //validate the inquiry form on keyup and submit $
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();
}
不。同样的结果。谢谢。你试过把它放在ajax电话之后吗?并删除返回错误@福阿德福代尔的朋友,你想让他在阿贾克斯电话后说什么?请帮助。您在代码中传递
var$form
的位置?可能您必须使用submitHandler:function($form){
Nope传递到这里。结果相同。谢谢。您在firebug控制台中看到任何错误吗?