使用jquery登录系统

Question

我正在尝试创建一个网站，您可以在其中注册并登录到创建的帐户（s）我不想将用户名和密码保存到数据库或任何内容（这是一个学校项目），所以这不是重要的，我只是希望能够通过本地存储保存一个帐户，如果这是可能的并且能够登录，那么：

1：我如何创建一个帐户，可以通过本地存储进行保存。

2：我如何判断用户名和密码是否正确就登录，做，如果他们是不正确

我如何在jQuery中做到这一点相反？提前致谢！

HTML：

<div id="log-in-modal"> 
    <div class="modal-content"> 
     <span class="close" id="close-log-in">x</span> 
     <p><label>Username</label><input type="text" id="username"></p> 
     <p><label>Password</label><input type="password" id="password"></p> 
     <input type="submit" value="Log In" id="submit"> 
    </div> 
</div> 

<div id="sign-up-modal"> 
    <div class="modal-content"> 
     <span class="close" id="close-sign-up">x</span> 
     <p><label>Username</label><input type="text" id="sign-username"></p> 
     <p><label>Password</label><input type="password" id="sign-password"></p> 
     <input type="submit" value="Sign Up" id="sign-submit"> 
    </div> 
</div> 

这些用户名和密码文本框的模态，我通过点击“登录”按钮，打开模态或“注册”按钮的网站菜单上。

Answer 1

你可以存储在本地存储2个阵列和推从中/拉：

步骤1：用户名/密码阵列，如果它们不存在

if(localStorage['usernames'] && localStorage['passwords']) { // see if they exist yet 
    // code to execute if the arrays already exist 
} else { 
    var usernames = []; 
    var passwords = []; // create two empty arrays if nothing is in Local Storage 
} 

第2步：创建注册功能

function signUp(signUpUsername, signUpPassword) { 
    usernames.push(signUpUsername); // adds username to the end of array 
    passwords.push(signUpPassword); // " password " " " " " 
} 

第3步：创建登录功能

function logIn(loginUsername, loginPassword) { 
    var cu = localStorage['usernames']; // correct usernames 
    var cp = localStorage['passwords']; // correct passwords 

去通过阵列，看看是否凭据正确

for(var i = 0; i < cu.length; i++) { 
     if(cu[i] == loginUsername && cp[i] == loginPassword) { 
      // you have been logged in! 
     } else { 
      // incorrect credentials (display message!) 
     } 
    } 
} 

注：此示例忽略的安全性和使用本地存储，直接存储在浏览器！确保数据不值钱，以防有人窃取数据。