退出表單時確認的Javascript消息

Question

我有一些JavaScript代碼來提醒用戶離開頁面將丟失表單問題的答案。

window.onbeforeunload = askConfirm;
function askConfirm(){
        return "Your answers will be lost.";
}

我想使所有事情都發生，但要提交表單。

我的提交按鈕具有ID #submit，並且我正在使用原型框架。

像這樣：如果$("submit")單擊，然后跳過函數調用？

我對JS / Prototype還是很陌生，所以我不確定如何處理這個問題。

Answer 1

我建議為此使用全局變量，因為如果用戶未對表單進行任何更改，則可能要取消確認。 像在SO上一樣，如果您開始輸入答案並嘗試導航，則會提示您進行確認，但是如果您不開始輸入，則不會提示您。

創建一個全局變量。 如果進行了更改，則在每個表單字段上，模糊事件可以設置變量。 askConfirm函數可以在提示之前檢查變量。

Answer 2

我將向按鈕添加onclick事件。 該事件將全局變量設置為true（例如， dont_confirm_now ）。 如果該標志設置為true，則不返回任何內容。 請記住要立即重置該變量，以防用戶取消加載下一頁。

Answer 3

您可以在提交表單之前取消綁定事件：

document.getElementById('formId').onsubmit = function () {
  window.onbeforeunload = null;
};