提交時顯示加載程序和禁用按鈕

我使用以下代碼來顯示加載程序並在提交表單時禁用按鈕。提交時顯示加載程序和禁用按鈕

我在彈出窗口中顯示我的窗體，在彈出窗口關閉時，按鈕被禁用。當用戶點擊提交按鈕時，我需要禁用按鈕。

<input type='submit' value='submit' onclick="$(this).prop('disabled',true)" />

適合你：

$('input[type=submit]').click(function() { 
    if(navigator.userAgent.toLowerCase().indexOf('msie') > -1){ 
     $("body").append($('<div id="imageloader" class="loader"><img id="spinner" src="/images/ajax-loader.gif" alt="Spinner" /></div>')); 
    }else{ 
     $('#imageloader').css('display','block'); 
    } 
    $(this).prop("disabled", true); 
    $(this).closest('form').trigger('submit'); 
    $(this).css({"opacity":".2","cursor":"progress"}); 
    $("#hideWindowButton").attr("Click", "return false;"); // disabled cancel button 
    $("#hideWindowButton").css({"opacity":".2","cursor":"progress"}); 
});

來源

2014-09-19 user3913769

我已經取得了一些編輯你的文字 - 因爲我不是100％肯定你的意思，請確保它仍然是有意義的。 – xec 2014-09-19 10:18:53

我沒有得到你所做的改變？如果你能幫助我，我會感激.. – user3913769 2014-09-19 10:34:04

在你的簽名的左側（在這些評論的正上方），應該有一個說明「編輯[時間]前」 - 點擊它，你可以比較差異。 – xec 2014-09-19 11:58:09

試試這個：

$('input[type=submit]').click(function(event) { 
event.preventDefault(); 
if (navigator.userAgent.toLowerCase().indexOf('msie') > -1) { 
    $("body").append($('<div id="imageloader" class="loader"><img id="spinner" src="/images/ajax-loader.gif" alt="Spinner" /></div>')); 
} else { 
    $('#imageloader').css('display', 'block'); 
} 
$(this).prop("disabled", true); 
$(this).closest('form').submit(); 
$(this).css({ 
    "opacity": ".2", 
    "cursor": "progress" 
}); 
$("#hideWindowButton").attr("click", "return false;"); // disabled cancel button 
$("#hideWindowButton").css({ 
    "opacity": ".2", 
    "cursor": "progress" 
}); });

來源

2014-09-19 12:22:57

如果您在提交這樣添加onclick事件直列？

來源

2014-09-19 09:24:37 aleha

如果我把提交內部然後它必須提交之前，它禁用我不希望我想同時運行2個操作..不是一個接一個 – user3913769 2014-09-19 09:27:40

修改後的答案 – aleha 2014-09-19 09:39:55

我不能在提交中添加它按鈕 – user3913769 2014-09-19 10:55:07

提交時顯示加載程序和禁用按鈕

回答

相關問題