切換提交按鈕一次提交表格？

Question

我的網站上有一個很大的表單，比平常花費的時間稍長一些，可以加載下一頁。

是否有一種簡單的方法可以將我的'提交'按鈕切換爲動畫「正在加載...」圖形？用戶知道我們仍在處理提交內容。

非常感謝任何指針，

邁克爾

Answer 1

這通常是通過hidihg或禁用submti按鈕使得AJAX調用，然後恢復對整個處理器的變化之前達到。例如：

$('#submit').click(function() { 
    $(this).hide(); 
    $('#loading_anim').show(); 

    $.ajax(
     ..., 
     complete: function() { 
      $('#submit').show(); 
      $('#loading_anim').hide(); 
     } 
    ); 
}); 

，因爲它是兩個在一個成功的響應和一個錯誤響應的情況下運行的完整的處理程序是在這種情況下是有用的。

Answer 2

你想使用jQuery的submit event handler：

$('#target').submit(function() { 
    alert('Handler for .submit() called.'); 
    $('#loading-overlay').show(); 
    return false; 
});