form.submit（）をオーバーライドできません

Question

フォームサブミットを無効にして、Ajaxリクエストを送信しようとしています。 が動作していません。 私は単にsubmit()と呼ぶと、そのページはリダイレクトされます。

私はthisのようなものを実装しようとしています。

jqueryバージョンの問題である可能性がありますか、間違っていますか？

これは私の試みです：

$('#fileUploadField').on("change", function() { 
 
    $("#upload_file").submit(function(e) { 
 
     alert("override"); 
 
     e.preventDefault(); 
 
    }); 
 
});

.hidden2{ 
 
    margin:0; 
 
    padding:0; 
 
    position: absolute; 
 
    top: 0; 
 
    right: 0; 
 
    height: 100%; 
 
    font-size: 50px; 
 
    cursor: pointer; 
 
    opacity: 0; 
 
    -moz-opacity:0; 
 
    filter: Alpha(Opacity=0); 
 
} 
 
img.fileDownload 
 
{ 
 
    height: 26px; 
 
    width: 26px; 
 
    padding: 0; 
 
    display: inline-block; 
 
    vertical-align: middle; 
 
    margin: 0 4px 0 0; 
 
    cursor: pointer; 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
} 
 
div.hiddenFileInputContainter 
 
{ 
 
    position: relative; 
 
    display: inline-block; 
 
    width: 27px; 
 
    height: 27px; 
 
    overflow: hidden; 
 
    vertical-align: middle; 
 
    cursor: pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form id="upload_file" action="upload.php" method="post" enctype="multipart/form-data"> 
 
    <div class="hiddenFileInputContainter"> 
 
    <img class="fileDownload" src="http://b.dryicons.com/images/icon_sets/coquette_part_2_icons_set/png/128x128/attachment.png" width="10" height="10"> 
 
    <input id="fileUploadField" type="file" name="uploaded_file" class="hidden2"> 
 
    </form>

Answer 1

私はありません

$("#upload_file").submit(function(e) { 
    if (this.id === 'upload_file') { 
     e.preventDefault(); 
     // do ajax here; 
     alert(this.id); 
    } 
}); 

$('#fileUploadField').on("change", function(e) { 
    $("#upload_file").submit(); 
}); 

Answer 2

これが動作する場合、私は確かに知っていない、私はあなたがすでにe.preventDefault();を使用していることを確認 - あなたはreturn falseを使用して試みることができますそれが代わりに機能するかどうかを確認してください。

jQuery submit()機能が正しく設定されているようです。警報は消えますか？ （送信機能が実際に動作していることを確認するため）？アラートが発生していない場合は、それより上のjQuery、つまり$('#fileUploadField').on("change", function() {...}コンポーネントの問題になる可能性があります。

別のオプションは、（実際に両方の機能を実行していると警告がオフに発射された場合）にjQueryの最新バージョンを使用しようとすると、これはすべての違いを作るかどうかを確認することがあります

...