jQuery的自動回問題

Question

我工作的ASP.NET 3.5的網站項目，並使用jQuery，如果他們修改了頁面提醒用戶，並試圖離開頁面，不保存，所以做這樣的事情：

var warning = "Please save changes you made."; 
var isDirty = false; 

$(document).ready(function() 
{ 

     $('input:text,input:checkbox,input:radio').bind('change', function() 
     { 

      isDirty = true; 

      $('input[type=submit]').bind('click', function(e) 
      { 

       isDirty = false; 
      }); 

      window.onbeforeunload = function() 
      { 

       if (isDirty) 
       { 

        return warning; 
       } 
      } 
     }); 
    }); 

它工作正常，但是當我在頁面上進行更改，然後在頁面上的下拉列表中選擇另一個項目（導致回發）時，我收到了警告，我不應該這樣做。在jQuery中實現此功能是可行的，即在真正離開頁面時發出警告，但忽略回傳，以及在這種情況下需要對腳本進行哪些更改？

好吧，我修改劇本咯，創建了一個隱藏字段保存回發之間的骯髒狀態，所以它看起來是這樣的：

var warn_on_unload = "Leaving this page will cause any unsaved data to be lost."; 
var previouslyDirty = false; 
var isDirty = false; 

$(window).load(function() 
{ 

    previouslyDirty = $('#dirtyFlag').val() == '1'; 

}); 

$(window).unload(function() 
{ 

     $('#dirtyFlag').val(previouslyDirty ? '1' : '0'); 
}); 

$(document).ready(function() 
{ 

     $('input:checkbox,input:radio').one('change', function() 
     { 

      isDirty = true; 

      previouslyDirty = true; 

     }); 



     $('input:text, textarea').keydown(function() 

     { 

      isDirty = true; 

      previouslyDirty = true; 

     }); 

     $('form').submit(function(e) 
     { 

      isDirty = false; 

      previouslyDirty = false; 

     }); 

     $('select').bind('change', function(e) 
     { 

      isDirty = false; 

      previouslyDirty = true; 

     }); 

     window.onbeforeunload = function() 
     { 

      if (isDirty || previouslyDirty) 
      { 

       return warn_on_unload; 

      } 
     } 

    }); 

未提交回發後，仍然表現不正確，它應該讓他們無一個警告，但保存骯髒的狀態，所以如果我改變下拉，回發沒有問題，但如果我嘗試離開頁面後，應該得到一個警告。另外，需要注意提交回發，即保存按鈕，顯然允許它們並清除先前設置的所有髒標誌。

Answer 1

由於我們已經jQuery的，我們用它來檢測表單是否已經改變展現在接受這個問題的答案What is the easiest way to detect if at least one field has been changed on an HTML form?

另外，我們知道，Web表單頁面只有一個單一的形式。 Webforms在通過鏈接處理回發時調用form.onsubmit（）和form.submit（）。

要跟蹤AutoPostBack事件中的原始序列化值，請將序列化表單數據存儲在隱藏字段中。

<asp:HiddenField id="serializedForm" runat="server" /> 

$(document).ready(function(){ 

    var theform = $('form'); 
    var serialized = theform.serialize(); 
    var previous = null; 

    // track original serialized across postbacks 
    var hidden = $('#<%# serializedForm.ClientID %>'); 
    if ('' == hidden.val()) { 
     serialized = hidden.val(); 
    } else { 
     hidden.val(serialized); 
    } 

    window.onbeforeunload = function(e) { 
     if (serialized != theform.serialize()) { 
      return "Are you sure you want to leave the page without saving?"; 
     } 
    } 

    // postback -> __doPostBack -> form.onsubmit -> here 
    theform.submit(function(){ 
     // keep in case of validation fail 
     previous = serialized; 

     // prevent the onbeforeunload prompt 
     serialized = theform.serialize(); 
    }); 

    // there might be ASP.NET validators 
    if (typeof(ValidatorOnSubmit) == "function") { 
     var asp_ValidatorOnSubmit = ValidatorOnSubmit; 
     ValidatorOnSubmit = function() { 
      var result = asp_ValidatorOnSubmit.apply(arguments); 
      if (!result) { 
       serialized = previous; 
      } 
      return result; 
     } 
    } 

}); 

Answer 2

您是否嘗試過捕獲表單的提交事件？ （未提交按鈕的點擊，但實際提交）

也許這將解決這個問題..

$('form').submit(function(){isDirty = false;}); 

除非正常的鏈接也提交表單...

Answer 3

怎麼樣東西喜歡這個？

$(window).unload(function(event) 
{ 
    if (event.target.nodeName != "SELECT" && event.target.nodeName != "INPUT") { 
    $('#dirtyFlag').val(previouslyDirty ? '1' : '0'); 
    } 
}); 
​ 

如果這不起作用，你能告訴我什麼是event.target.nodeName在各種情況下叫什麼名字？