提交表單時禁用/替換按鈕

Question

如何在提交表單時禁用按鈕，或者更好地將其替換爲「處理您的訂單請稍候」。

謝謝。

Answer 1

你可以用$.attr()方法禁用它，

$("input.myBtn").click(function(){ 
    $(this).attr('disabled', true); 
}); 

或與$.replaceWith()法文本替換它。

$("input.myBtn").click(function(){ 
    $(this).replaceWith('<p>Processing your order. Please wait.</p>'); 
}); 

Answer 2

使用jQuery：

$('#your-button-id').html('Please wait'); 

Answer 3

$('input:button').click(function() { 
    $(this).attr('disabled', true); 
});