保存ボタンをクリックせずにページを離れる場合はjquery警告

Question

次のコードは、ページ上のデータを変更してページを終了すると警告を実行します。私はそれが欲しい - ユーザーが保存ボタンを押したときを除いて。

これはjqueryのコードです：

$(document).ready(function() { 
    formmodified=0; 
    $('form *').change(function(){ 
     formmodified=1; 
    }); 
    window.onbeforeunload = confirmExit; 
    function confirmExit() { 
     if (formmodified == 1) { 
      return "New information not saved. Do you wish to leave the page?"; 
     } 
    } 
}); 

これは、データを保存ボタンです：

<input class="btn-primary" name="commit" type="submit" value="Save Material"> 

UPDATE おかげtymeJV !!!!!!!あなたはformmodified

$("input[name='commit']").click(function() { 
    formmodified = 0; 
}); 

あなたのチェックの値を設定することができ

<input class="btn-primary" name="commit" type="submit" value="Save Material"> 

：あなたのボタン情報を保存考えると

$(document).ready(function() { 
    formmodified=0; 
    $('form *').change(function(){ 
     formmodified=1; 
    }); 
    window.onbeforeunload = confirmExit; 
    function confirmExit() { 
     if (formmodified == 1) { 
      return "New information not saved. Do you wish to leave the page?"; 
     } 
    } 
    $("input[name='commit']").click(function() { 
     formmodified = 0; 
    }); 
}); 

Answer 1

：他のケースの誰かに

はこの作品、それを必要とします最後に今すぐ起動しないでください

Answer 2

$('#form').data('serialize',$('#form').serialize()); // On load save form current state 

$(window).bind('beforeunload', function(e){ 
    if($('#form').serialize()!=$('#form').data('serialize'))return true; 
    else e=null; // i.e; if form state change show box not. 
}); 

Google JQueryフォームシリアライズ機能を使用すると、すべてのフォーム入力を収集して配列に保存できます。私はこの説明が十分だと思います:)

Answer 3

これは正確な答えではありませんが、問題の解決策を探している人のために、私がそうだったのと同じように、 jQueryプラグインAreYouSureをお勧めします。 この非常に軽量なプラグインは、復帰したフォームの変更、フォームのリセットボタンのクリック、フォームフィールドの追加/削除など、すべてのナットと太字を処理します。

Answer 4

あなたは、リンクがクリックされたときに残してからページを防ぐためにしたい場合は、あなたがbeforeunloadイベントに結合し、中に電子を渡すことができます。ちょうどページの期間中に使用する「formmodified」です

$(document).ready(function() { 
    var modified = false; 
    $(window).bind('beforeunload', function(e){ 
     if (modified) { 
      $.confirm({ 
       'title' : 'Did You Save Your Changes?', 
       'message' : 'It seems as if you have made changes but didn\'t click Save.\nAre you sure you want to leave the page?', 
       'buttons' : { 
        'OK' : { 
         'class' : 'gray', 
         'action': function(){} // Nothing to do in this case. This can be omitted if you prefer. 
        } 
       }) 
      } 
      e.preventDefault(); 
     } 
    }); 
});