我在提交之前使用 jquery 验证插件来验证表单
在submitHandler中我使用ajax请求通过ajax发布表单
在我使用 .ajax 发送请求之前,但现在表单有图像,而且很难
通过普通的ajax请求序列化文件元素,因此我使用了这个插件http://www.malsup.com/jquery/form/
现在使用插件后ajax请求不起作用,不知道为什么
这是正常 ajax 调用的第一个示例
$(document).ready(function(){
$("#categoryForm").validate({
submitHandler: function() {
$.ajax({
type:'POST',
url: 'actions/add-category.php',
data: $("#categoryForm").serialize(),
success: function(response) {
$('#status').html(response);
}
});
return false;
}
});
});
这是使用插件后的一个
$(document).ready(function(){
$("#categoryForm").validate({
submitHandler: function() {
$('#categoryForm').ajaxForm(function() {
alert('the form was successfully processed');
});
return false;
}
});
});
第二个不工作
尝试反转函数:
jQuery('#form_id').ajaxForm({
beforeSubmit: function() {
jQuery("#form_id").validate({
rules: {
first_name: "required",
last_name: "required"
},
messages: {
first_name: "Required",
last_name: "Required"
}
});
return jQuery('#form_id').valid();
},
success: function(resp) {
jQuery('#resp').html(resp).fadeIn('fast');
}
});
Where #resp
是将接收从文件生成的 HTML 的 ID#form_id
posted
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)