第二次點擊jQuery禁用按鈕功能

我試圖阻止用戶點擊頁面上的按鈕兩次，所以我一直在做的是在jQuery被點擊一次之後隱藏那個按鈕。但有沒有一種方法，而不是隱藏該按鈕來禁用jQuery該按鈕後，它被點擊一次？第二次點擊jQuery禁用按鈕功能

我已經試過

$(document).ready(function() { 
    $('#onClickHideButton').click(function() { 
     $(this).prop('disabled', true); 
    }); 
});

但我使用此功能時遇到的問題是，只要按鈕被點擊它，它得到提交表單的機會之前，它成爲禁用，因此該表單永遠不會被提交。

來源

2013-10-28 Alexander C.

是您的表單提交究竟如何，你可以禁用按鈕？你有一個'>'，或者你使用函數提交它嗎？如果第一個，你應該沒有問題。如果是後者，只需在禁用按鈕後調用該函數即可。 –

爲什麼當表單提交未禁用按鈕，因爲這是你真正想做的事......

$('#myForm').on('submit', function() { 
    $('#myButton').prop('disabled', true); 
});

來源

2013-10-28 16:59:24 NDM

Dah哈哈。謝謝！作品！ :) –

而不是使用一個提交按鈕，只需使用一個簡單的按鈕，手動發送表單提交。

<input type="button" id="onClickHideButton" value="Submit"/> 

$('#onClickHideButton').click(function() { 
    $(this).prop('disabled', true); 
    $('#myform').submit(); 
});

或當表單提交

$('#myform').on('submit', function(e) { 
    $('#onClickHideButton').prop('disabled',true); 
});

來源

2013-10-28 17:03:44

第二次點擊jQuery禁用按鈕功能

回答

相關問題