使用未保存的更改离开网页前警告用户

Question

使用未保存的更改离开网页前警告用户我的申请表上有几页表格。如何以这样的方式保护表单：如果有人导航或关闭浏览器选项卡，那么应该提示他们确认他们真的想留下未保存的数据？

Answer 1

查看JavaScript卸载前事件..这是微软引入的非标准JavaScript，但是它在大多数浏览器和在卸载文档之前有更多的信息和例子。

Answer 2

通过jQuery

$('#form').data('serialize',$('#form').serialize()); // On load save form current state$(window).bind('beforeunload', function(e){
    if($('#form').serialize()!=$('#form').data('serialize'))return true;
    else e=null; // i.e; if form state change show warning box, else don't show it.});

您可以Google JQuery表单序列化函数，这将收集所有表单输入并将其保存在数组中。我想这个解释已经足够了：)