比较用户登录输入的数组中的用户注册信息

Posted 2023-02-28

我有两个按钮：注册和登录。我打算从注册到数组收集输入表单值（这是有效的）。然后，我想将注册时的用户输入与登录中的用户输入进行比较，并通知用户他们已登录。（我还没有开始使用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!");
       
    ;
);

);

答案

也许你可以尝试没有循环的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!");

另一答案

我一直在学习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", "[e-mail]") +
 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!");
 );
);