使用jQuery保存表单输入

问题描述

| 我在页面上有多个字段的表单。如果用户填写了这些字段，然后决定离开该页面，则他/她将失去该页面。我想使用jQuery UI对话框添加警报，以提醒他们有关尚未保存的数据。我想我可以弄清楚按钮和对话框。我的问题是：如何检测到他们没有提交表单就离开了页面？     

解决方法

这是一个简单的示例-您需要能够检测表单是否已作为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;
};

    ,看看

onbeforeunload

事件。但是，请记住，某些较新的浏览器（例如Firefox 4）不允许您自定义显示的消息。     ,我建议您看一下onbeforeunload事件，以下是一些Mozilla开发人员连接文档以帮助您入门：window.onbeforeunload