我需要知道如何在用户按下后退按钮后显示表单的输入数据。
这是工作 jsfiddle
我创建了一个简单的 asp 页面。
如果我在输入一些输入值后单击“下一步”,它将转到下一页,再次单击“后退”,它不会显示输入的输入值。
$("#form").submit(function() {
var inputs=$('.input');
for(i=0;i<inputs.length;i++)validateEmail(inputs[i]);
if($('.invalid').length!==0)return false;
});
我需要展示这些值(value)观。我怎样才能实现这个目标?提前致谢!
注意:在我的 jsfiddle 中不包含下一页操作。
最佳答案
你有几种方法,尽管我不太喜欢cookie,因为它们管理起来不太智能。
您可以使用:
localStorage
API,如果您希望保存您的值直到用户清除缓存,如下所示:var myValues = []; for(i=0;i<inputs.length;i++) { validateEmail(inputs[i]); myValues.push(inputs[i].value); } // Save them fot later use localStorage.myValues = JSON.stringify(myValues); // After clicking the button you can retrieve them back var oldValues = JSON.parse(localStorage.myValues);
sessionStorage
API,适用于浏览器的当前 session (即,当用户关闭浏览器时,它会被删除):var myValues = []; for(i=0;i<inputs.length;i++) { validateEmail(inputs[i]); myValues.push(inputs[i].value); } // Save them fot later use sessionStorage.myValues = JSON.stringify(myValues); // After clicking the button you can retrieve them back var oldValues = JSON.parse(sessionStorage.myValues);
注意:我正在使用JSON.parse
和 JSON.stringify
因为这两种存储对象(本地和 session )都只能存储字符串格式的数据。
关于即使点击后退按钮后,Javascript 也会存储 session 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29574358/