使用jQuery保存表单输入

时间:2011-05-25 15:49:04

标签: jquery

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

3 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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