检测是否对输入表单进行了更改答案

【问题标题】：Detect If Changes Have Been Made To Input Form检测是否对输入表单进行了更改
【发布时间】：2014-03-18 01:27:26
【问题描述】：

我有一个带有 Jquery 和 PHP 的输入表单我想要归档的是，如果用户对表单进行了任何更改并且他们尝试离开页面弹出消息显示他们是否想要退出并丢弃更改还是先保留并保存更改？

我怎么能存档这个想法，但我现在所做的只是检查字段中是否有数据，但我正在使用 HTML 中的 value='' 功能来获取当前设置数据库。

只有在提交还没有被按下时才运行这个函数。

【问题讨论】：

【解决方案1】：

1 创建一个标志来指定是否已更改：

var changes = false;

2 将事件侦听器绑定到将更改设置为 true 的每个输入和文本区域：

$('textarea,input').on('keypress change input', function() {
    changes = true;
});

3 将事件侦听器绑定到 onsubmit，将更改设置为 false：

$('form').on('submit', function () {
    changes = false;
});

4 将事件监听器绑定到 onbeforeunload，如果有变化则返回问题：

$(window).on('beforeunload', function () { 
    if (changes) return "Do you really want to leave?"; 
});

【讨论】：