javascript - 禁用由 CakePHP FormHelper 生成的按钮

Question

我正在使用由 CakePHP FormHelper 生成的提交按钮。单击按钮后，我想使用 jQuery 禁用它。我尝试使用普通的“已禁用”属性，但没有做任何事情。

如何禁用该按钮以防止意外重新提交表单？

Answer 1

禁用表单可能是更好的解决方案，以防止提交而不是点击提交按钮，例如在文本输入中点击回车。您可以在第一次提交后在表单上设置 data-disabled 属性，如果已设置，则在后续提交时阻止它。

$('form').on('submit', function(e) {
    var $form = $(this);

    if($form.attr('data-disabled') === true) {
        e.preventDefault();
        return false;
    }
    $form.attr('data-disabled', true);
});