jquery - Firefox で [戻る] ボタンを使用すると、フォーム送信ボタンが無効のままになる

Question

誤って繰り返しクリックするのを防ぐために、クリックされた後にフォーム送信ボタンを無効にするためにjqueryを使用しています。これは、Firefox を除くすべてのブラウザーで正常に機能します。Firefox では、送信ボタンが無効になった後、ユーザーがブラウザーの [戻る] ボタンを使用してページに戻ると、送信ボタンは無効のままです。この問題の解決策はありますか?

Answer 1

おそらく、フォームに autocomplete="off" パラメータを追加する必要があります

<form autocomplete="off">
  <input type="submit" />
</form>

Answer 2

$(document).ready(function() {
    $('input[type=submit]', this).attr('disabled', false);

    $('#myform').submit(function(){
        $('input[type=submit]', this).attr('disabled', true);
    });    

});

jQueryを使用すると、ブラウザの戻るボタンを使用してもボタンが無効になりません。FF 3.5でテスト済み。

Answer 3

ブラウザでキャッシュが無効になっている場合、ページは何も起こらなかったかのように (ボタンがクリックされていない) リロードされます。

クライアント側が必要な場合は、Cookie を使用できます。

ここで、サーバー側のテクノロジー (PHP/Rails) がある場合は、値をセッション変数に入れることができます。