在表单提交上禁用提交按钮

Question

单击后，我编写了以下代码以禁用网站上的提交按钮：

$('input[type=submit]').click(function(){
    $(this).attr('disabled', 'disabled');
});

不幸的是，它没有发送表格。我怎样才能解决这个问题？

编辑 我想绑定提交，而不是表格:)

Answer 1

做到onSubmit()：

$('form#id').submit(function(){
    $(this).find(':input[type=submit]').prop('disabled', true);
});

发生的事情是您实际上在完全触发该提交事件之前禁用了该按钮。

您可能还应该考虑使用ID或CLASS来命名元素，因此不要在页面上选择所有提交类型的输入。

（请注意，我使用preventDefault()，return false因此该表单在示例中并未实际提交；请在使用时将其保留。）