localStorage undefined?

时间:2014-12-12 16:28:37

标签: javascript forms local-storage

我在大学的第一年做了一个网站项目,我需要让本地存储工作。我只需输入我的网站表单信息,然后在另一页面上以另一种形式显示本地存储。我有它的工作,但我添加了额外的输入,我确保我的ID和名称是正确的,但它仍然无法正常工作。这是所有4个文件的一部分。我现在需要它,但由于某种原因它不会工作。我不能用任何新东西。 !(http://i57.tinypic.com/9hkjfd.png

<form action="readLocalStorage.html" method="post" name="form1" id="form1" onsubmit="return validateForm()">
            <fieldset>
                <legend>Sign Up</legend>
                <label for="username">Create a Username</label>
                <input type="text" placeholder="5 characters" name="username" id="username" required><br><br>

<form name="LSdata" id="LSdata" action="addContact.php" method="post">

        <label>Username</label>
        <input name="username" id="username" readonly /><br />

function writeLocalStorage() {
localStorage.username = document.form1.username.value;
}
function getLocalStorage() {
document.LSdata.username.value = localStorage.username;
}

1 个答案:

答案 0 :(得分:3)

看起来您的变量不匹配。您正在设置username,但获得Username。在JavaScript中,变量区分大小写,因此username并不总是等于Username,它们是两个不同的变量。

使用您的功能:

function writeLocalStorage() {
  localStorage.username = 'mike';
}

function getLocalStorage() {
  console.log(localStorage.Username); // what you currently have, will return undefined
  console.log(localStorage.username); // returns "mike"
}

// returns:
//   undefined
//   mike
getLocalStorage();