「アップロード」ボタンをクリックしたときに警告が表示されない

Question

単純なjavascriptの検証を実行したいユーザーがフォームの送信ボタンをクリックすると、ファイルが 'png'か'gif'ファイルタイプ。ファイルの種類が正しい場合は、ローディングバーを表示してフォームをアップロードします。ファイルの種類が間違っている場合は、ファイルの種類が間違っていることを示すn警告を表示しますが、読み込みバーは表示せず、フォームをアップロードしないでください。

以下はコードですが、[アップロード]ボタンをクリックするとアラートが表示されません。ユーザーが「アップロード」ボタンをクリックしたときに、ファイルタイプが間違っていて警告が表示され、ファイルがアップロードされない場合、ファイルタイプが正しい場合、ローディングバーとアップロードファイルが表示されます。

var sourceImageForm; 

var $fileImage = $("<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target' onsubmit='startImageUpload(this);' class='imageuploadform' >" + 
"<label> Image File: <input name='fileImage' type='file' class='fileImage' /></label><br/>" + 
"<input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label></form>"); 

function startImageUpload(imageuploadform){ 

    $(".imageFile").change(function() { 

    var val = $(this).val(); 

    switch(val.substring(val.lastIndexOf('.') + 1).toLowerCase()){ 
     case 'gif': case 'jpg': case 'png': 
     return true; 
      break; 
     default: 
      $(this).val(''); 
      alert("not an image"); 
      return false; 
      break; 
    } 
}); 

    $(imageuploadform).find('.imagef1_upload_process').css('visibility','visible'); 
    $(imageuploadform).find('.imagef1_upload_form').css('visibility','hidden'); 
    sourceImageForm = imageuploadform; 

     return true; 
} 

Answer 1

あなたは理由かもしれない3行目のクロージング"を、逃しています。

Answer 2

フォームのデフォルトの動作を妨げているわけではありません。送信すると、ジャバスクリプト側は気にしません。

$('form').submit(function(ev) { 
// do your stuff here and return true to submit it or false to stop it 
}) 

EDITED：申し訳ありませんが、提出に結合しないが、送信するときに、あなたが行うすべてのプレスで変更上の画像要素を結合している、あなたが実際に提出