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

如果表格已填写，请在离开页面时确认提醒

2 个答案: