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