比較用戶登錄輸入的數組中的用戶注冊信息

Question

我有兩個按鈕：注冊和登錄。我打算從注冊到數組收集輸入表單值（這是有效的）。 然后，我想將注冊時的用戶輸入與登錄中的用戶輸入進行比較，並通知用戶他們已登錄。（我還沒有開始使用localStorage和JSON。我想先使用數組完成此操作）。

我嘗試過使用帶有邏輯運算符（&&）的for循環和if語句。

$(document).ready(function() {
$("#userSignUp").click(function() {
$("#signUpForm").show();
$("#signup").hide();
});
$("#userInfo").click(function(event) {

    var custName = $("#newName").val();
    var custEmail = $("#newEmail").val();
    var custPass = $("#newPass").val();
    var custData = [];
    custData.push(custName, custEmail, custPass);
    $("#userSignUp").text("Thank you for signing up!");
});
$("#userLogIn").click(function() {
    $("#loginForm").show();
    $("#login").hide();
});
$("#userData").click(function(event) {
    var currentName = $("#userName").val();
    var currentEmail = $("#userEmail").val();
    var currentPass = $("#userPass").val();
    for (var i = 0; i < custData.length; i++) {
  if ((currentName === custData[0]) && currentEmail === custData[1] && currentPass === custData[2]) {
            $("#userLogIn").text("You are logged in!");
        } else {
            $("#userLogIn").text("Please enter correct name, email and password!");
       }
    };
});

});

Answer 1

也許你可以嘗試沒有循環的IF語句。 以下事項檢查數組中是否有這樣的項目，如果是，則執行smth：

if (custData.indexOf(currentName) != -1 
   && custData.indexOf(currentEmail) != -1 
   && custData.indexOf(currentPass) != -1) {
$("#userLogIn").text("You are logged in!");
} else {
$("#userLogIn").text("Please enter correct name, email and password!");

Answer 2

我一直在學習localStorage。 我決定在這個任務上使用它。 我收集了用戶在注冊時輸入的值，並將其“保存”在本地存儲上。 然后，我收集了用戶輸入的值，並通過本地存儲“檢索”它們。 這是代碼：

$(document).ready(function() {
 $("#userSignUp").click(function() {
  $("#signUpForm").show();
    $("#signup").hide();
 });
$("#userInfo").click(function(event) {
 var custName = $("#newName").val();
 var custEmail = $("#newEmail").val();
 var custPass = $("#newPass").val();
 localStorage.setItem("name", "Raych") +
 localStorage.setItem("email", "raych@gmail.com") +
 localStorage.setItem("password", "hey");   ;
 $("#userSignUp").text("Thank you for signing up!");
});
$("#userLogIn").click(function() {
 $("#loginForm").show();
 $("#login").hide();
});
$("#userData").click(function(event) {
 event.PreventDefault;
 var currentName = $("#userName").val();
 var currentEmail = $("#userEmail").val();
 var currentPass = $("#userPass").val();
 localStorage.getItem("name") +
 localStorage.getItem("email") +
 localStorage.getItem("password");      
 $("#userLogIn").text("You are logged in!");
 });
});