Question

我想创建一个处理页面更改的确认。例如，gmail或其他许多其他网站都有一个系统，当您更改页面中的字段，并且当您想要离开页面或清除表单输入时，该站点将创建一个确认对话框，帮助您保存您忘记的更改。这是我的解决方案，但我想知道是否有更好的方法。该项目也是JSF项目并使用primefaces 3.4
的解决方案：
1.创建一个全局的js变量

var isChanges = false;

将处理程序放在onchanges方法的所有输入字段上。

＆LT; p：inputText value =＆＃34;＃{someMB.someValue}＆＃34; ID =＆＃34; ID＆＃34;的onkeydown =＆＃34; isChanges =真＆＃34;＆GT;＆LT; / P：inputText的＆GT;
  或
      ＆LT; p：selectOneMenu value =＆＃34;＃{someMB.someValue}＆＃34; ID =＆＃34;＃{cc.attrs.id}＆＃34; ＆GT;
              ＆LT; p：ajax事件=＆＃34;改变＆＃34;的onSuccess =＆＃34; isChanges =真＆＃34; /＆GT;
      ＆LT; / p：selectOneMenu＆gt;
等......

检测用户是否离开页面或清除表单输入：

< script language="JavaScript">
  window.onbeforeunload = confirmExit;
  function confirmExit()
  {
      if(isChanged && window.confirm("sometext")){
        // Call servers save method
      }
  }

< /script>

Answer 1

在我的网络应用程序中，我这样做：

页面加载时，抓取所有表单，但具有特殊noHash类
对于上述步骤中找到的每个表单，抓取除了具有特殊noHash类
序列化字符串中的字段名称和值，例如“var1 = 1＆amp; var2 = 2 [...]”
计算上面定义的字符串sha1
将结果存储为全局变量

然后，当用户试图离开时，我重新计算哈希，如上所述，看看哈希值是否不同，如果是，我会在离开页面之前提示用户进行确认。

请注意，这是全部使用javascript完成的，因此独立于您的服务器端脚本语言。

获取网页中所有输入字段的更改的最佳方法

1 个答案: