jQueryの上でpreventDefault（）を

に動作しません、私はボタンや入力= 'ファイル' コントロールを提出してHTMLフォーム持って提出：jQueryの上でpreventDefault（）を

<form action="/Profile/UploadFile" enctype="multipart/form-data" method="post" onsubmit="OnUploadSubmit(this)">

OnUploadSubmit機能は次のようになります。

if (e.files[0].size > 5000000) { 
     $('#upload_error').css('display', 'block'); 
     $('#upload_error').text('The file size is too large for upload') 
     e.preventDefault(); 
     return false; 
    } 

    var files = e.files; 
    var ext = $('#file_uploader').val().split('.').pop().toLowerCase(); 
    if ($.inArray(ext, ['jpeg', 'jpg', 'png']) == -1) { 
     $('#upload_error').css('display', 'block'); 
     $('#upload_error').text('Only, jpg, jpeg, png is allowed'); 
     e.preventDefault(); 
     return false; 
    } 
    return true; 
}

e.preventDefaultを（）を返し、falseを返します。とにかく作業形態は提出されていません。

誰かが私の問題を知っていますか？

おかげで

出典

2012-05-11 Irakli Lekishvili

'e'は、あなたのハンドラの最初の引数として取得できるイベントオブジェクトでなければなりません。 – VisioN

あなたはonsubmit = "return OnUploadSubmit（this）"が必要だと思います – dougajmcdonald

が必要だと思う：

onsubmit="return OnUploadSubmit(this)"

私が推奨：

アドオンをid属性を削除してonsubmitを削除：

<form id="upload" action="/Profile/UploadFile" enctype="multipart/form-data" method="post">

jQuery：

$(function(){ // Document Ready 

     $('#upload').submit(function(e){ 

     e.preventDefault(); 
     if (e.files[0].size > 5000000) { 
       $('#upload_error').css('display', 'block'); 
       $('#upload_error').text('The file size is too large for upload') 
      } 

      var files = e.files; 
      var ext = $('#file_uploader').val().split('.').pop().toLowerCase(); 
      if ($.inArray(ext, ['jpeg', 'jpg', 'png']) == -1) { 
       $('#upload_error').css('display', 'block'); 
       $('#upload_error').text('Only, jpg, jpeg, png is allowed'); 
      } 
     } 

    }); 

});

出典

2012-05-11 12:36:29