如何在Web頁面退出前提示使用者儲存資料？

當使用者在使用一個頁面進行資料的新增或者修改時，使用者可能已經修改頁面上的某些資料，這個時候使用者由於誤錯作點擊了離開改頁面的按鈕或者連結，使用者剛才所做的工作將會全部作廢，為了做到個人化，此時應該給使用者已經做過修改，是否真的不儲存就要離開的提示。要實現以上效果需做一下幾項工作：

1、 判斷表單上的值是否被修改過。

2、 表單在跳轉或者關閉前要根據1中的條見進行判斷，當使用者不是進行真正提交事件時提示使用者有資料修改但沒有儲存，使用者點擊否可以取消剛才的操作。

鑒於以上的分析，使用一下的方法來進行：

1、  頁面上加一個隱藏欄位來儲存表單是否被修改過。

<input type="text" id="txtFlag" value="0" />
function ValueChanged()
{
   document.getElementById("txtFlag").value = 1;//一表示表單值已經被修改過
}
讓表單中所有input、select（對應到ASP.NET中為TextBox、DropDownList、RadioButton等伺服器端控制項）類型元素的onchange（值改變），onkeypress（有輸入情況）, onpaste（粘貼值）等改變input、select值的事件執行ValueChanged()函數

2、  在body的onbeforeunload事件中根據txtFlag的值提示使用者儲存，具體函數如下：

function CloseIt()
{
  if(document.getElementById("txtFlag").value !="0")//如果txtFlag的值不為0則提示
      event.returnValue = "頁面值已經修改，是否真的不儲存？";
}