JavaScript-將表單文本存儲在本地存儲中

Question

因此，對於此編程任務，我們假設用戶填寫一個表單，並在輸入時將其輸入保存在本地存儲中，直到提交表單為止。

<input type="text" name="name" id="name" onkeyup="StoreText()">

是我的HTML表單的一部分，並且具有以下功能：

<script>
    function StoreText() {
    var name = document.getElementById("name");
    localStorage.setItem("name", name);
    }
</script>

但是，我正在使用Chrome檢查器查看本地存儲，但是那里什么也沒有。 我的代碼有什么問題？

Answer 1

嘗試存儲name.value而不是name。

Answer 2

小提琴： http : //liveweave.com/z71PS8

這是localStorage的工作方式。

首先，您必須告訴localStorage到getItem（稍后將通過setItem進行檢索，該setItem將在本地存儲您的值）

if ( localStorage.getItem('Data')) {
  $("#name").val(localStorage.getItem('Data')); 
}

現在，通過以下操作保存您的價值...

localStorage.setItem('Data', $("#name").val());

您可能還希望看到對附加HTML使用本地存儲 。

JavaScript / JQuery：

if ( localStorage.getItem('Data')) {
  $("#name").val(localStorage.getItem('Data')); 
}
$("#name").keyup(function() {
  localStorage.setItem('Data', $("#name").val());
});

HTML：

<input type="text" id="name">

這是一個純Javascript /非JQuery解決方案