Вход в систему с jQuery

Question

Я пытаюсь создать сайт, на котором вы можете зарегистрироваться и войти в созданную учетную запись. Я не хочу сохранять имена пользователей и пароли в базе данных или что угодно (это школьный проект), так что это не имеет значения, я просто хочу иметь возможность сохранять учетную запись через локальное хранилище, если это возможно, и иметь возможность зарегистрироваться:

1: как создать учетную запись, которая может сохраняться через localstorage.

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> 

Эти модальности с именем пользователя и паролем TextFields, я открыть модальности, нажав на «Вход» кнопку или «Sign Up» кнопку в меню сайта.

Answer 1

Вы можете хранить 2 массивы в Local Storage и нажмите/тянуть из них:

Шаг 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!) 
     } 
    } 
} 

Примечания: этот пример игнорирует безопасность и использует локальное хранилище, хранящееся непосредственно в браузере! Убедитесь, что данные не являются ценными, если кто-то украл данные.