Jquery 有没有保存未提交表单的好方法？

我知道这是一项困难的任务，但是当用户导航到另一个页面而不提交时，有没有什么好方法可以保存表单输入，这样当他们返回时就不必重新输入信息了

---

我使用的是Rails 4、Simple Form和jQuery，但我愿意接受任何不是难看的黑客攻击的解决方案。

jQuery serialize函数可能是您的朋友。 您可以在退出时序列化并将其保存到DB或localStorage，然后在它们返回页面时执行相反的操作

---

或者，您可以循环遍历元素并将它们存储在数组/对象中，然后也将其存储在localStorage中，并在重新输入时相应地重新填充表单的值。

jQuery serialize函数可能是您的朋友。 您可以在退出时序列化并将其保存到DB或localStorage，然后在它们返回页面时执行相反的操作

---

或者，您可以循环遍历元素并将它们存储在一个数组/对象中，然后也将其存储在localStorage中，并在重新输入时相应地重新填充表单的值。

如果您不需要任何外部依赖项，您可以只做一个“后退”按钮（或其他任何页面）这实际上是在提交表格。然后根据

params[：submit]

的值放入

if

语句，并使用

params

散列填充新页面上的一些隐藏字段

---

当您单击返回原始表单时，隐藏字段将被提交并填充输入。

如果您不需要任何外部依赖项，您只需制作一个返回按钮（或其他页面的任何内容）即可实际提交表单。然后根据

params[：submit]

的值放入

if

语句，并使用

params

散列填充新页面上的一些隐藏字段

---

当您单击返回原始表单时，将提交隐藏字段并填充输入。

这些都是好主意，但我刚刚找到了适合我的完美解决方案：

对于将来有类似问题的人，使用garlicjs所要做的就是包含库并将以下内容添加到表单标记中：

data-persist="garlic"

图书馆几乎像你所期望的那样，从那里处理所有其他的事情。如果你不喜欢它的一些预设，它似乎有很好的文档记录，几乎每一个功能似乎都是不可禁用的

---

一个问题是，这是一个HTML5唯一的解决方案，但这对我的目的是好的。如果您需要更具交叉兼容性的解决方案，Rob的解决方案看起来不错。

这些都是好主意，但我刚刚为自己找到了完美的解决方案：

对于将来有类似问题的人，使用garlicjs所要做的就是包含库并将以下内容添加到表单标记中：

data-persist="garlic"

图书馆几乎像你所期望的那样，从那里处理所有其他的事情。如果你不喜欢它的一些预设，它似乎有很好的文档记录，几乎每一个功能似乎都是不可禁用的

---

一个问题是，这是一个HTML5唯一的解决方案，但这对我的目的是好的。如果您需要更具交叉兼容性的解决方案，Rob的解决方案看起来不错。

是的，看起来不错。它的工作原理与本地存储相同，但需要一些繁重的工作！是的，看起来不错。它的工作原理与本地存储相同，但需要一些繁重的工作！