如何解决使用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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。