jquery警告如果离开页面而不单击保存按钮

前端之家收集整理的这篇文章主要介绍了jquery警告如果离开页面而不单击保存按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果您更改页面上的数据,然后离开页面,以下代码将执行警告。我想要 – 除非当用户按下保存按钮。

这是jquery代码

$(document).ready(function() {
  formmodified=0;
    $('form *').change(function(){
        formmodified=1;
    });
  window.onbeforeunload = confirmExit;
    function confirmExit() {
      if (formmodified == 1) {
          return "New information not saved. Do you wish to leave the page?";
      }
  }
});

这是保存数据的按钮:

<input class="btn-primary" name="commit" type="submit" value="Save Material">

更新
谢谢tymeJV !!!!!!!

如果有人需要它,这工作:

$(document).ready(function() {
    formmodified=0;
    $('form *').change(function(){
        formmodified=1;
    });
    window.onbeforeunload = confirmExit;
    function confirmExit() {
        if (formmodified == 1) {
            return "New information not saved. Do you wish to leave the page?";
        }
    }
    $("input[name='commit']").click(function() {
        formmodified = 0;
    });
});

解决方法

给定您的保存按钮信息:
<input class="btn-primary" name="commit" type="submit" value="Save Material">

您可以设置formmodified的值

$("input[name='commit']").click(function() {
    formmodified = 0;
});

您最后的支票现在不应该被触发

猜你在找的jQuery相关文章