ajax提交幫助 - IE9不加載目標或提交兩次

Question

我有一個表單正在使用jQuery表單插件（http://jquery.malsup.com/form/）提交。實際上我遇到了兩個問題。使用此代碼：

$(document).ready(function() { 
    var options = { 
     target: "#result", 
     beforeSubmit: showRequest, 
     forceSync: true 
    }; 

    $("#testForm").submit(function() { 
     $(this).ajaxSubmit(options); 

     return false; 
    }); 

}); 

表單提交，但表單仍然可見，就像沒有提交任何內容。在Chrome，Firefox等中，表單將消失，成功頁面出現。在IE9中，沒有任何反應，但表單已正確提交。

$(document).ready(function() { 
     var options = { 
      target: "#result", 
      beforeSubmit: showRequest, 
      forceSync: true 
     }; 

     $("#testForm").submit(function() { 
      $(this).ajaxSubmit(options); 

      return true; 
     }); 

    }); 

隨着.submit（）的返回值設置爲true，表單消失併成功加載頁面，但在提交表單兩次。

在這兩種情況下，表單都在Chrome和Firefox中正確提交。

任何提示我做錯了什麼？謝謝

Answer 1

<script src="jquery-2.0.3.js"></script> 
<script src="jquery_form.js"></script> 
<script> 

$(document).ready(function() { 

       $('#AddVersion').submit(function() { 
        var options = { 
         url:  'upload.php', 
         success: showResponse 
        }; 
        // inside event callbacks 'this' is the DOM element so we first 
        // wrap it in a jQuery object and then invoke ajaxSubmit 
        $(this).ajaxSubmit(options); 
        console.log($(this)); 
        //alert("I am herer"); 

        // !!! Important !!! 
        // always return false to prevent standard browser submit and page navigation 
        return false; 

       }); 

       function showResponse(data) { 
       alert('Total files uploaded are :'+data); 
       //alert('uploaded successfully'); 
      } 
      }); 
</script> 
         <form role="form" id="AddVersion" name="AddVersion" method="POST" enctype="multipart/form-data"> 
          <div class="modal-body"> 
            <input type="hidden" id="htmls_new" name="htmls_new" value="1" /> 

           <table class="table table-striped table-bordered table-hover"> 
           <tbody> 
            <tr style="font-size:12pt;" class="warning"> 
             <td><p class="text-info">Select File(s)</p></td> 
            </tr> 
            <tr> 
             <td> 
              <div class="form-group"> 
               <input id="input_V_File" name="input_V_File[]" type="file" class="" form="AddVersion" multiple/> 
              </div> 
             </td> 
            </tr> 
            <tr> 
             <td> 
              <div class="floatRight"> 
               <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>&nbsp; 
               <input type="submit" form-action="#" form="AddVersion" class="btn btn-success floatRight" value="Submit" /> 
              </div> 
             </td> 
            </tr> 
           </tbody> 
           </table> 
          </div> 
         </form>