Question

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

此刻，我什至无法重定向。

这是我在学校的项目，并且有一个限制，就是我不能使用AJAX或其他任何东西来使用JavaScript。过去，我尝试过location.replace并进行重定向，但是两次单击并丢失了所有localStorage。我尝试过切换到location.href，也不想通过删除form元素使其不再成为表单，但是事情仍然无法进行。

<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");
}

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

Answer 1

此鳕鱼可解决您的问题

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

提交表单时页面重新加载

1 个答案: