表單驗證時Ajax加載不起作用

Question

使用表單將文件上傳到我的服務器並且我想在表單驗證時加載進度條。這是代碼，我用jQuery：

$(document).ready(function(){ 
    $("#uploadform").submit(function(e){ 
     var valid_form = validateForm(); 

     if (valid_form){ 
      $("#pb").load("/php/progressbar.php"); 
     } 
     return valid_form; 
    }); 
});

的問題是我收到提交此消息後：

GET http://ftplink.wedo/php/progressbar.php undefined (undefined)

但奇怪的是，我試圖反轉IF的條件，當窗體不驗證，實際上發生ajax加載。到底是怎麼回事？？

Answer 1

不能說出你的問題的所有內容。我猜想表單提交發生在有活動的ajax請求的時候。您應該返回false，然後在ajax完成加載進度條時提交表單。

if (valid_form){ 
    $("#pb").load("/php/progressbar.php", function(){ 
     $("#uploadform").unbind('submit').submit(); // unbind so you are not recursive 
    }); 
} 
return false;