如何使用 session 存儲自動填寫表格？

Question

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

如果用戶已經在同一瀏覽器 session 中填寫了表單，我如何使用外部 JavaScript 文件使用 session 存儲自動填寫表單？ 如果表單驗證正確，我已經有了將值存儲在 session 存儲中的代碼，那么我 go 如何執行此操作？

如果需要更多或更少的信息，請告訴我。

注意：請不要撥打 jQuery 或內聯 Javascript。

Answer 1

sessionStorage和localStorage都具有用於檢索數據的getItem函數和用於存儲數據的setItem函數。
以及其他一些有用的功能。

因此，對於這種情況，您似乎需要：

document.getElementById("a_fname").value = sessionStorage.getItem("fname");

所有 rest 也是如此。

查看此以獲取更多信息。

Answer 2

您正在尋找 localStorage 方法：getItem(key)、setItem(key, value)。 有點晚了，但我注意到了一件事。 也許它對您的示例仍然有幫助。 如果有這么多元素，我會通過一個循環來完成。 例如：

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

它使代碼更短，您可以輕松處理元素。