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

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

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

Answer 3

使用jQuery：

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