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

How to have form values same on back button click in IE

本文关键字：按钮 表单 IE 单击      更新时间：2023-09-26

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

当我点击带有以下的后退按钮时

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

它在IE中不显示表单值。

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

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

即

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

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

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

设置HTML5会话存储变量：

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

返回页面时：

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

最后一个块将检索保存的状态值。最终提交完成后，请务必致电：

sessionStorage.clear();

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

希望这能有所帮助。

相关文章：