使用jQuery保存表单输入

Question

我在页面上有一个包含多个字段的表单。如果用户填写字段然后决定离开页面他/她将松开它。我想使用jQuery UI对话框添加警报，以提醒他们尚未保存的数据。我想我可以搞清楚按钮和对话框了。我的问题是：如何在不提交表单的情况下检测到它们离开页面？

Answer 1

这是一个快速示例 - 您需要能够检测表单是否已作为onbeforeunload事件的一部分提交。

var formSubmitted = false;
window.onbeforeunload = function () {
    if (!formSubmitted) {
        return confirm("Are you sure you want to leave the page without submitting the form"?);
    }
};

document.getElementById("myForm").onsubmit = function () {
    formSubmitted = true;
};

Answer 2

查看onbeforeunload事件。但是，请记住，一些较新的浏览器（如Firefox 4）不允许您自定义显示的消息。

Answer 3

我建议您查看onbeforeunload事件，这里有一些Mozilla开发人员连接文档可以帮助您入门：window.onbeforeunload