尝试使用本地存储进行注册/登录

时间:2016-11-26 17:43:03

标签: javascript html5 local-storage

我正在尝试使用本地存储来制作基本注册和登录屏幕。 我已经设法运行所有基础知识,但是我无法将字段保存到本地存储中,以便为登录过程提取。我不相信HTML是错的,而是Javascript。

这是JS:

function save() {
   var inputUserName = document.getElementById('regusername');
   var inputPassWord = document.getElementById('regpassword');
   var inputEmail = document.getElementById('regemail');
   localStorage.setItem('username', inputUserName.value);
   localStorage.setItem('email', inputEmail.value);
   localStorage.setItem('password', inputPassWord.value);
}

function check() {

   // Getting data from the register-form
   var inputUserName = localStorage.getItem('username');
   var inputPassWord = localStorage.getItem('password');

   var username = document.getElementById('username');
   var password  = document.getElementById('password');

   if (username.value == inputUserName && password.value == inputPassWord) {
       alert('You have successfully logged in' + inputUserName);
   } else {
       alert('ERROR')
       for(var i = 0; i < localStorage.length; i++){
       alert(localStorage.key(i));
       }
  }

}

2 个答案:

答案 0 :(得分:0)

如果您想在特定字段中获取用户的输入,则需要使用以下内容:

document.getElementById('username').value;

您忘了在最后添加.value

答案 1 :(得分:0)

我想通了,这是我的HTML我有一个name="Name",它似乎与输入相冲突,用户已更改为name=""中的任何内容,在这种情况下,名称,电子邮件和密码。