jQuery移动页面保留表单值答案

【问题标题】：Jquery mobile page retaining form valuesjQuery移动页面保留表单值
【发布时间】：2012-11-12 15:02:23
【问题描述】：

我正在编写一个小型 jQuery 移动应用程序，其中一个页面有一个表单。当我离开表单时，表单会保留字段值和 dom 操作。我想停止这种情况，基本上在 pageShow 上从新开始表单和 dom。

我可以手动清除字段并删除我注入到 dom 中的所有类，但肯定有更好的方法来做到这一点？

提前致谢

【问题讨论】：

在准备好一次的文档上重定向到自身 :)
那不会增加刷新吗？我想避免任何刷新。
我可以这样做 $(this).closest('form').find("input[type=text], textarea").val("");但我认为可能有一种更清洁的 jquery 移动方式来做到这一点？
您能在表格上输入autocomplete="off" 吗？ developer.mozilla.org/en-US/docs/HTML/Element/Input，但您可能希望确保它提供您正在寻找的适当兼容性：stackoverflow.com/questions/3868299/…
如果您在单独的位置有表单模板或代码，您也可以在页面加载时替换 html：$('form').html($('#selector-of-your-template').html())

【解决方案1】：

您可能正在使用基于 ajax 的导航，它只是将新页面加载到现有 DOM 中。将data-ajax="false" 添加到您的链接中。

了解这两种方法各有利弊，这一点很重要。 Ajax 加载旨在提高页面间导航时的性能。

您还可以将相同的属性和值添加到表单标签，以防止 jQuery Mobile 在表单提交中使用 ajax。

【讨论】：