使用jQuery保存表單輸入

我有一個頁面上有多個字段的表單。如果用戶填寫字段，然後決定離開頁面，他/她將會丟失它。我想用jQuery UI對話框添加警報，提醒他們有關未保存的數據。我想我可以得到按鈕和對話。我的問題是：如何在不提交表單的情況下檢測到他們離開頁面？使用jQuery保存表單輸入

來源

2011-05-25 santa

http://stackoverflow.com/questions/3939961/on-unload-event-of-browser – jantimon 2011-05-25 15:53:31

下面是一個簡單的例子 - 你需要能夠檢測表單是否有已作爲onbeforeunload事件的一部分提交。

var formSubmitted = false; 
window.onbeforeunload = function() { 
    if (!formSubmitted) { 
     return confirm("Are you sure you want to leave the page without submitting the form"?); 
    } 
}; 

document.getElementById("myForm").onsubmit = function() { 
    formSubmitted = true; 
};

來源

2011-05-25 15:53:47 Fenton

看看onbeforeunload事件。但是，請記住，Firefox 4等一些較新的瀏覽器不允許您自定義顯示的消息。

來源

2011-05-25 15:52:09 casablanca

snap！我認爲我們發佈的是同一時間:-)在Firefox 4的好處 – 2011-05-25 15:54:00

我建議考慮看看onbeforeunload事件，這裏是一些Mozilla開發連接機制的文檔，讓你開始：window.onbeforeunload

來源

2011-05-25 15:53:03

使用jQuery保存表單輸入

回答

相關問題