如果填寫表格，則在離開頁面時確認警報

Question

我需要幫助。 我想顯示確認警報，如果用戶離開頁面，是否已填寫表格或至少填寫了表格上的某些字段。 我有以下在Chrome中運行但在Firefox中無法運行的代碼。 即使表單字段為空，也會顯示警報。

以下是我的代碼，

 $(window).bind('beforeunload', function () {
            return ''; //Are you sure you want to leave?';
        });

因此，我需要幫助，以便可以在Firefox和所有其他瀏覽器中在表單完全或部分填充時生成警報，但在表單為空時不生成任何警報。 我試圖利用viewstate。 檢查viewstate值是否不同然后產生警報，但是它沒有按我預期的那樣工作

我嘗試的另一段代碼是

 window.onbeforeunload = function (e) {
  var message = "Your confirmation message goes here.",
  e = e || window.event;
  // For IE and Firefox
  if (e) {
  e.returnValue = message;
  }

    // For Safari
  return message;

};

但是上面的代碼不會檢查表單是否已填寫。 當表單部分或全部填寫時，我要提醒

Answer 1

我沒有測試過，但是這里有個快速的鏡頭：

 $(window).bind('beforeunload', function () {
      $('input').each(function () {
        if(this.value.length > 0){
        alert('you entered data');
        return false;
      }
   });

});

Answer 2

嘗試一下就可以了，這也可以解決空白。

$( window ).unload(function() {
 if(!$.trim(this.value).length) {
           alert('Fill Data')
     }
});