从数组进行JavaScript简单登录

JavaScript simple login from an array

本文关键字：简单 登录 JavaScript 数组      更新时间：2023-09-26

我对JavaScript几乎没有经验，也不知道如何让它发挥作用，这可能是一个非常小的修复，也可能是一些重大的问题，我完全不知道。。。

我只是想为我的任务创建一个非常简单的登录，安全性不是问题，因为它在简报中是不需要的。用户单击提交按钮的事件应允许或拒绝用户进入网站。我在整个代码中都有评论，所以希望这将是一项快速发现问题的工作。

它可能是IF语句中包含的"&"i，我不完全确定它是否能在JavaScript中工作。或者可能是用户输入的调用，因为我也不确定我是否做对了；即pass=密码（来自表单）

JavaScript:

    <script>
    function loadpage() {
    var user = username; //assigns user input to variable
    var pass = password; //^^
    var storedus = ["Jordan", "Marzia", "Ryan"]; //array of acceptable usernames
    var storedps = ["123", "cat", "seven"]; //array of acceptable passwords
    if (user = storedus & pass = storedps) //condition must include both an acceptable username and password to >>
    {
        window.location.href = "home.html"; // >> proceed to next the portal page(home.html)
    }
    else 
    {
        window.alert("An invalid username or password was entered."); //if the users input was not acceptable then display a popup informing them so.
    }
}
</script>

HTML表格和表单：

        <table style="position: absolute; left: 35%; top: 20%;"> <!- table to layout the form to take the users username and password to allow them to 
        gain entry into the site-!>
        <form>
        <tr><td><h2>Sign in</h2></td></tr>
        <tr><td>Username*: </td><td><input type="username*" name="username" required></td></tr>
        <tr><td>Password*: </td><td><input type="password*" name="password" required></td></tr>
        <tr><td><input type="submit" name="signin" onclick="loadpage()"</td></tr>
        </form>
    </table>

提前感谢您的帮助！

您正试图将数组与我猜测的字符串进行比较。相反，您应该循环遍历数组，并将值与用户名和密码进行比较。

var usernames = [
  'Script47',
  'SomeUsernname'
];
var passwords = [
  'somePassword',
  'password'
];
var username = 'Script47';
var password = 'somePassword'
for (var i = 0; i < usernames.length; i++) {
  if (username == usernames[i] && password == passwords[i]) {
    alert('Successful!');
    break;
  } else {
    alert('Failed!')
  }
}

请注意我是如何使用&&的。

示例

JSFiddle

相关文章：