javascript - 禁用 CakePHP FormHelper 生成的按钮

Question

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

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

Answer 1

禁用表单可能是一个更好的解决方案，以防止除了单击提交按钮之外的提交，例如在文本输入中按 Enter。您可以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);
});

Answer 2

您只需将提交按钮添加到您的表单并在单击后禁用提交按钮

<?php 
        echo $this->Form->input('submitButton', array(
        'id' => 'submit',
        'type' => 'submit',
        'label' => '',
        'onclick' => '$(#"submit").disabled = true;'
        ));
?>