如何禁用按钮但仍允许在 Chrome 中提交表单？

Question

我们需要在点击后禁用按钮，以防止再次被点击。

$('#btnSubmit').on('click',
    function(e) {
        $(this).attr('disabled', true);
    });

它在 Microsoft Edge 中运行良好。但是在 Chrome 中，该按钮被禁用，并且永远不会提交表单。当我们弄乱按钮时，Chrome似乎有一个隐含的event.preventDefault()。

我们怎样才能在不阻止提交表单的情况下禁用按钮？

Answer 1

您需要在表单提交后禁用按钮，而不是单击按钮。根据您的设置，类似这样的内容...

$('#form').on('submit',
    function(e) {
        $(#btnSubmit).attr('disabled', true);
    });