Displaying saved localstorage variables in a textfield - javascript

Question

i got some saved variables using localstorage, what i want to do is to put them into textfields automatically each time the page loads

<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>

i've got some textfields on the page namely email and password

possible duplicate of [Storing Objects in HTML5 localStorage](http://stackoverflow.com/questions/2010892/storing-objects-in-html5-localstorage) — jasonscript, Jan 27 '15 at 23:49
this's no duplicate of question, mine is to put the saved data into a textfield — ama, Jan 27 '15 at 23:55
What are the names of your textfields? How are you currently populating them? — dg99, Jan 28 '15 at 00:03

score 0 · Accepted Answer · answered Jan 28 '15 at 00:02

If you want to do this with jQuery, this should accomplish what you're trying to do. Please note that I couldn't get the demo running in the snippet below because Stack Overflow is preventing form submissions.

$(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>

Displaying saved localstorage variables in a textfield - javascript

1 Answers1