时间戳

首页 > 解决方案 > 提交表单时页面重新加载

javascript - 提交表单时页面重新加载

问题描述

我目前在提交表单时遇到一些问题。我要做的是在将用户重定向到新页面之前使用 localStorage 保存用户在字段中输入的内容，同时不会丢失 localStorage。

目前，我什至无法重定向。

这是我在学校的项目，有一个限制，我不能使用 AJAX 或任何东西，而不是 JavaScript。过去，我尝试过 location.replace 并且它会重定向，但单击两次后会丢失所有 localStorage。我已尝试切换到 location.href 以及不再通过删除表单元素使其成为表单，但仍然无法正常工作。

<form> 
   <p class="question_title">Enter your name</p>
   <input type="text" id="name" required> 
   <input type="submit" value="Save" onClick="save();">
</form>

function save() {
   var name = document.getElementById("name").value; 
   localStorage.setItem("name", name);
   location.href("finish.html");
}

预计名称将保存到浏览器的本地存储中，并且浏览器将重定向到新页面，而不是现在当我单击保存时，它会重新加载页面并且我输入的值消失了。

标签： javascripthtmlforms

解决方案

这条鳕鱼解决了你的问题

function save(e) {
   e.preventDefault();
   var name = document.getElementById("name").value; 
   localStorage.setItem("name", name);
   location.href("finish.html");
}

推荐阅读