如果填写表格，则在离开页面时确认警报

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')
     }
});