在 jQuery 验证成功后使用 ajax 提交表单
Submitting a form with ajax after jQuery validation is successfull
好的,所以我有一个我正在使用jQuery验证验证的表单,我现在正在尝试使用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();
}
相关文章:
- 表单不会通过ajax提交
- 使用Ajax提交表单
- 如何创建动态ajax提交表单
- 如何在使用ajax提交的codeigniter中使用form_validation验证表单数据
- Ajax提交多值
- jquery通过ajax验证电子邮件,然后再通过ajax提交表单
- 检测ajax提交
- 带有两个变量函数的Ajax提交表单
- 从AJAX提交中拆分数组$_FILES
- 将dataUrl转换为blob并通过ajax提交
- 带有前导散列字符的ajax提交的目的是什么
- Ruby On Rails Ajax 提交提交两次
- AJAX 表单不是 AJAX 提交
- Ajax 提交表单有时有效,有时直接重定向到操作网址
- 在使用 jQuery 验证插件进行验证后,使用 AJAX 提交表单
- 如何使用Jquery AJAX提交多个表单
- 使用ajax提交邮件表单的正确方法?-没有JQuery
- 如何使js成为通过ajax提交的rails表单的格式
- 在jquery停止事件时通过ajax提交表单
- 在AJAX提交之前使用jQuery进行多重下拉选择验证