页面/浏览器关闭/退出时自动保存/提交表单

Question

我有一个带有保存按钮的表单，但我希望用户能够随时返回到表单以完成填写。我想知道是否可以绕过保存按钮，因此用户填写表格的一部分，一旦他们离开页面或关闭他们的浏览器，它将自动保存表格，以便下次恢复。

实施此操作的最佳方法是什么？在此先感谢您的帮助，非常感谢。

我看过一些javascript示例，但看到了跨浏览器支持的问题。

Answer 1

您可以在卸载时使用AJAX调用：

window.onunload = myfunc();

function myfunc() {
  alert("i am closing now");
  // Your AJAX Call that saves your data (e.g. all input fields)
}

Answer 2

Jquery插件，用于自动保存功能。 http://plugins.jquery.com/project/jquery-autosave

更多信息： http://rikrikrik.com/jquery/autosave/#examples

包含插件：

<script type="text/javascript" src="scripts/jquery.autosave.js"></script>
    $('form.formnamehere').autosave({
      'interval': 20000
    });

自动提交表单而不刷新页面。

我已将间隔设置为1秒（1000），因此表格每秒都会保存。因此，如果用户在编辑后退出表单，则表示已自动保存。