在移动到另一个表单之前检查未保存的表单

Question

我正在使用 Asp.net Javascript 和 C#

我有一个内容页面，左侧有母版页中的链接。内容页面有数据输入表单。如果用户在没有提交表单的情况下离开页面并单击取消按钮。应提示用户保存所做的更改。我知道我可以使用 window.onbeforeleave 并显示确认消息。

下面是问题。

1. 控件移动到执行点击链接的页面后面的代码。原因是点击链接，正在调用一个javascript函数。这个函数有以下代码。

   window.location.href = 'anotherpage.aspx'

2. 稍后会出现确认消息。

我的问题是，有什么方法可以先显示确认消息。

我无法在 java 脚本函数中编写确认消息代码，因为左侧菜单中有很多其他链接，同样的情况会出现提示用户确认消息，并且所有页面中检查未保存表单的逻辑不同。

建议？

Answer 1

我建议您使用 jQuery 进行 'dirty check' 。并且有两种方法可以实现它。

1. 基于jQuery数据特征：http://www.mydogboris.com/2009/10/using-jquery-data-feature-to-detect-form-changes/

2. 一个用于脏检查的 jQuery 插件：http://www.novogeek.com/post/2010/01/31/Check-for-unsaved-data-on-your-web-forms-using-jQuery.aspx