提交表单时禁用/替换按钮

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); 
});