jquery多部分表单提交预防答案

【问题标题】：jquery multipart form submission preventionjquery多部分表单提交预防
【发布时间】：2012-11-16 08:46:32
【问题描述】：

使用e.preventDefault() 的jquery 表单提交预防在多部分表单提交中不起作用（当我使用ajax 提交时）。有什么办法解决吗？

代码

$('.imgChange').submit( function(e){
    load('do_upload.php',$(this).serialize());
    e.preventDefault();
});

【问题讨论】：

为我工作jsfiddle.net/wM7rT
jQuery - how to submit a `post` `multipart/form-data` from a form and get your function called?的可能重复

标签： javascript jquery

【解决方案1】：

这也适用于多部分表单

HTML

<form id="form-id" action="/UploadFile" enctype="multipart/form-data" method="post">
    <input type="submit" value="Submit" />
</form>

jQuery

$('#form-id').submit( function(e){
    e.preventDefault();
    alert('submit prevented');
    // rest of the code here
});

只要您没有像 onsubmit 这样覆盖它的任何其他东西，.preventDefault() 就没有理由不适用于多部分表单

这是jsbin

【讨论】：

【解决方案2】：

使用普通的 jQuery 库不可能使用 ajax 发送多部分表单。还有很多其他插件。

我推荐jQuery Form Plugin

它非常易于使用。只需要在 jQuery 之后导入那个插件

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script>

然后使用

$(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('#myForm').ajaxForm(function() { 
            alert("Thank you for your comment!"); 
        }); 
    });

【讨论】：