<label for="streetname">Street Address</label> <input type="text" id="streetname" name="streetname" required="required" placeholder="Your street name..." maxlength="40" /> function getBooking() { if (sessionStorage.fname != undefined) { document.getElementById("confirm_fname").textContent = sessionStorage.fname; document.getElementById("confirm_lname").textContent = sessionStorage.lname; document.getElementById("confirm_email").textContent = sessionStorage.email; document.getElementById("confirm_phone").textContent = sessionStorage.phone; document.getElementById("confirm_start").textContent = sessionStorage.start; document.getElementById("confirm_streetname").textContent = sessionStorage.streetname; document.getElementById("confirm_suburb").textContent = sessionStorage.suburb; document.getElementById("confirm_state").textContent = sessionStorage.state; document.getElementById("confirm_postcode").textContent = sessionStorage.postcode; document.getElementById("confirm_skill").textContent = sessionStorage.skill; document.getElementById("confirm_other").textContent = sessionStorage.other; document.getElementById("confirm_otherbox").textContent = sessionStorage.otherbox; document.getElementById("a_fname").value = sessionStorage.fname; document.getElementById("a_lname").value = sessionStorage.lname; document.getElementById("a_email").value = sessionStorage.email; document.getElementById("a_phone").value = sessionStorage.phone; document.getElementById("a_start").value = sessionStorage.start; document.getElementById("a_streetname").value = sessionStorage.streetname; document.getElementById("a_suburb").value = sessionStorage.suburb; document.getElementById("a_state").value = sessionStorage.state; document.getElementById("a_postcode").value = sessionStorage.postcode; document.getElementById("a_skill").value = sessionStorage.skill; document.getElementById("a_other").value = sessionStorage.other; document.getElementById("a_otherbox").value = sessionStorage.otherbox; } }¿Cómo puedo, usando un archivo JavaScript externo, usar el almacenamiento de la sesión para completar automáticamente un formulario si el usuario ya completó el formulario en la misma sesión del navegador? Ya tengo un código que almacena los valores en el almacenamiento de la sesión si el formulario se valida correctamente, entonces, ¿cómo haría para hacer esto?
Si se necesita más o menos información, por favor hágamelo saber.
Nota: no jQuery o Javascript en línea, por favor.
Tanto sessionStorage como localStorage tienen funciones llamadas getItem para recuperar datos y setItem para almacenar datos.
Junto con algunas otras funciones útiles.
Entonces, para este caso, parece que necesitas:
document.getElementById("a_fname").value = sessionStorage.getItem("fname");Y lo mismo ocurre con todos los demás.
Mira esto para más información.
Está buscando métodos de almacenamiento local: getItem (clave), setItem (clave, valor). Un poco tarde, pero una cosa que noté. Tal vez todavía sea útil para su ejemplo. si hay tantos elementos, lo haría a través de un bucle. como por ejemplo:
<div id="confirm_fname">First Name</div> <div id="confirm_lname">Last Name</div> <div id="confirm_email">Email</div> ... <script> const keyNames = [ {k1: 'confirm_fname', k2: 'fname'}, {k1: 'confirm_lname', k2: 'lname'}, {k1: 'confirm_email', k2: 'email'} ] keyNames.map(function (key) { sessionStorage.setItem(key.k2, Math.random()); // set to localStorage document.getElementById(key.k1).textContent = sessionStorage.getItem(key.k2); // get from localStorage }) </script>Hace que el código sea más corto y puede manipular fácilmente los elementos.