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);
});

Answer 2

您只需将提交按钮添加到表单，并在点击后停用提交按钮

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

禁用CakePHP FormHelper生成的按钮

2 个答案: