localStorage для пользователей и новых пользователей (цель обучения) - PullRequest
Новая
       6

localStorage для пользователей и новых пользователей (цель обучения)

0 голосов
/ 11 декабря 2018

После нескольких часов исследований я так и не понял, как хранить новых пользователей в localStorage.

У меня есть 2 страницы: 1 для входа и 1 для регистрации следующим образом: 

<div class="login-page">
<div class="form">
<form class="register-form">
<input type="text" placeholder="name"/>
<input type="password" placeholder="password"/>
<input type="text" placeholder="email id"/>
<button>Create</button>
<p class="message">Already Registered? <a href="#">Login</a></p>
</form>


<form class="login-form">
<input type="text" placeholder="user name"/>
<input type="password" placeholder="password"/>
<button>login</button>
<p class="message">Not registered? <a href="#"> Register </a></p>
</div>
</div>

Сейчас я пытаюсь сохранить новых зарегистрированных пользователей (чтобы использовать их для входа)в localStorage вот так: 

userData = {
    firstName: 'John',
    lastName: 'Smith',
    email: 'admin@gmail.com',
    password: '123456789'
},
adminData;



localStorage.setItem('userData', JSON.stringify(userData));
adminData = JSON.parse(localStorage.getItem('userData'));

Но, к сожалению, я не могу найти никаких идей вокруг этого.Я знаю, что не очень хорошая идея хранить конфиденциальные данные на стороне клиента, но это только для целей обучения.

Спасибо

1 Ответ

0 голосов
/ 14 декабря 2018

То, что вы сделали, правильно, но для проверки значения переменной попробуйте alert, а не console, потому что я думаю, что вы не можете правильно видеть данные или даже переходите на вкладку Developer Tools, Application.И если вы можете поделиться своим полным кодом, может быть, я могу помочь вам с этим. 

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <div class="login-page">
      <div class="form">
        <form class="register-form">
          <input id="username" type="text" placeholder="name"/>
          <input id="passcode" type="password" placeholder="password"/>
          <input id="email" type="text" placeholder="email id"/>
          <button onclick="addToLocal()">Create</button>
          <p class="message">Already Registered? <a href="#">Login</a></p>
        </form>

        <form class="login-form">
          <input type="text" placeholder="user name"/>
          <input type="password" placeholder="password"/>
          <button>login</button>
          <p class="message">Not registered? <a href="#"> Register </a></p>
        </form>
      </div>
    </div>
  <script>
    function addToLocal() {
      var username = document.getElementById('username').value;
      var passcode = document.getElementById('passcode').value;
      var emailAddress = document.getElementById('email').value;
      var userDetails = {
        "username": username,
        "passcode": passcode,
        "emailAddress": emailAddress,
      }
      localStorage.setItem("userDetails", JSON.stringify(userDetails));
    }
  </script>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...