如何在本地存储中存储多个用户名和密码

Question

function store(){

var name = document.getElementById('ruserName');
var pw = document.getElementById('rpassword');
var lowerCaseLetters = /[a-z]/g;
var upperCaseLetters = /[A-Z]/g;
var numbers = /[0-9]/g;

if(ruserName.value.length == 0 && rpassword.value.length != 0){
    alert('Please fill in Username');


}else if(rpassword.value.length == 0 && ruserName.value.length != 0){
    alert('Please fill in password');

}else if(ruserName.value.length == 0 && rpassword.value.length == 0){
    alert('Please fill in Username and password');

}else if(rpassword.value.length < 8){
    alert('Min of 8 characters for password');

}else if(!rpassword.value.match(numbers)){
    alert('please add 1 number');

}else if(!rpassword.value.match(upperCaseLetters)){
    alert('please add 1 uppercase letter');

}else if(!rpassword.value.match(lowerCaseLetters)){
    alert('please add 1 lovercase letter');

}else{
    localStorage.setItem('ruserName', ruserName.value);
    localStorage.setItem('rpassword', rpassword.value);
    alert('Your account has been created with Username ' + ruserName.value + "." + " Welcome to Zack's Tech Shop " + ruserName.value + "!");
}

}

function check(){
var storedName = localStorage.getItem('ruserName');
var storedPw = localStorage.getItem('rpassword');

var userName = document.getElementById('userName');
var userPw = document.getElementById('password');


if(userName.value == storedName && password.value == storedPw){
    alert('You are logged in. Welcome back ' + userName.value);
}else{
    alert('Error on login');
}

}

我的注册表单只能存储 1 个用户的数据，当我尝试注册一个新帐户时，它会替换我之前创建的帐户。如何使用户可以创建多个帐户？第一个功能用于我的注册，第二个功能用于登录。这是我的任务

Answer 1

我建议您不要将敏感数据存储在 localStorage 中。

在继续使用此方法之前，请阅读localStorage。