javascript - jqueryマルチパートフォーム送信防止

Question

jqueryフォーム送信防止を使用するe.preventDefault()と、マルチパートフォーム送信で機能しません（送信にajaxを使用している場合）。それを解決する方法はありますか？

コード

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

Answer 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があります

Answer 2

通常のjQueryライブラリを使用すると、ajaxを使用してマルチパートフォームを送信することはできません。そのための他の多くのプラグインがあります。

jQueryフォームプラグインをお勧めします

とても使いやすいです。あなたがしなければならないのは、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!"); 
        }); 
    });