在文本字段中显示保存的本地存储变量 - javascript

【问题标题】：Displaying saved localstorage variables in a textfield - javascript在文本字段中显示保存的本地存储变量 - javascript
【发布时间】：2015-01-28 08:02:55
【问题描述】：

我使用 localstorage 保存了一些变量，我想做的是每次页面加载时自动将它们放入文本字段

<script language="javascript">

function save() {
    var value1 = document.getElementById("email").value;
    var value2 = document.getElementById("password").value;

    localStorage.setItem("eaddress", value1);
    localStorage.setItem("pwd", value2);

}

  </script>

我在页面上有一些文本字段，即电子邮件和密码

【问题讨论】：

email.value=localStorage.eaddress;
请你把它放在我的代码中，因为我是 javascript 新手
Storing Objects in HTML5 localStorage 的可能重复项
这不是重复的问题，我的是将保存的数据放入文本字段
您的文本字段的名称是什么？您目前如何填充它们？

标签： javascript jquery html local-storage

【解决方案1】：

如果你想用 jQuery 来做这件事，这应该可以完成你想要做的事情。请注意，我无法在下面的 sn-p 中运行演示，因为 Stack Overflow 阻止了表单提交。

$(function() {
  var
    $email = $('#email'),
    $password = $('#password'),
    emailValue = localStorage.getItem("eaddress"),
    passwordValue = localStorage.getItem("pwd");

  // SAVE VARIABLES TO LOCAL STORAGE
  $('form').on('submit', function() {
    localStorage.setItem("eaddress", $email.val());
    localStorage.setItem("pwd", $password.val());
  });
  
  // IF EMAIL AND PASSWORD ARE SAVED, PREPOPULATE THE FORM FIELDS
  if (emailValue != null) {
    $email.val(emailValue);
  }
  if (passwordValue != null) {
    $password.val(passwordValue);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="email" id="email" />
  <input type="password" id="password" />
  <button type="submit">Submit</button>
</form>

【讨论】：