javascript - 如何在 IE 中单击后退按钮时具有相同的表单值

Question

如何在 IE 中单击后退按钮时使表单值相同？

当我点击后退按钮时

<input type="button" value="Back" onClick="history.go(-1);return true;" class="back-button">

它不在 IE 中显示表单值。

当我提交表单转到下一页时，我有一个带有一些输入的表单我有一个后退按钮，当我点击它时我进入表单页面但是我有字段的表单上没有值这是 IE 的问题

Answer 1

在页面之间移动时通常不会保存表单值。如果您的服务器配置支持页面缓存，它们可能是。然而，另一种方法是将表单值保存到 cookie 或更新的 html 5 session 存储中。这可以通过在称为 onsubmit 的表单标题中触发一个函数来实现。

即.

<form id="[form id]" name="[form name]" action="[some action]" method="[GET or POST]" onsubmit="saveFormValues();">

在这种情况下，当用户单击提交按钮继续时，值将保存到本地浏览器存储中(本质上是本地缓存)。

单击后退按钮时，页面的 onload 事件可以检查值，然后将它们重新分配给适当的字段，从而保留用户之前输入的选择、选择和输入。

设置 HTML 5 session 存储变量:

if(typeof(sessionStorage)!=="undefined")
{
    sessionStorage.[Variable Name]=$([Field Name]).val();
}

返回页面时:

if(typeof(sessionStorage)!=="undefined") {
{
    $([Field Name]).val(sessionStorage.[Variable Name]);
}

最后一个 block 将检索保存的状态值。最终提交完成后，请务必调用:

sessionStorage.clear();

这会清除 session 存储变量，并使表单在用户重新访问页面时显示为新表单。

希望这对您有所帮助。