如何验证登录表单Javascript的函数？_Javascript_Html

如何验证登录表单Javascript的函数？

javascript html

如何验证登录表单Javascript的函数？,javascript,html,Javascript,Html,我正在尝试创建一个函数来验证本地存储中的用户名和密码，并将用户重定向到另一个HTML页面。ATM，当我点击我的“登录”按钮时，什么也没发生，甚至一个错误也没有。有什么想法吗 //Users class userLogin{ constructor(username, password, authLevel){ this.username = username; this.password = password; this.authlevel

我正在尝试创建一个函数来验证本地存储中的用户名和密码，并将用户重定向到另一个HTML页面。ATM，当我点击我的“登录”按钮时，什么也没发生，甚至一个错误也没有。有什么想法吗

//Users
class userLogin{
    constructor(username, password, authLevel){
        this.username = username;
        this.password = password;
        this.authlevel = authLevel;
    }
}
// Localstorage logins
if(localStorage.getItem("userLogin") == null){
    var userLogins = [];
    userLogins.push(new userLogin("Benjamin", 4321,"1" ));
    userLogins.push(new userLogin("Mads",12345,"1"));
    userLogins.push(new userLogin("Simon",1234,"1"));
    userLogins.push(new userLogin("Jessica", 54321,"1"));
    // Logins for Projectmanagers
    userLogins.push(new userLogin("Oliver",1234,"2"));
    userLogins.push(new userLogin("Sara",4321,"2"));

    var userLoginstring = JSON.stringify(userLogin)
    localStorage.setItem("userLogin", userLoginstring)
} else {
    var employeeList = JSON.parse(localStorage.getItem("userLogin"))

}
var uname = document.getElementById("uname");
var pass = document.getElementById("pass");

function validate() {
    var userLogins = JSON.parse(localStorage.getItem(userLogin));
    if (!userLogins) {
        userLogins = [
            //Logins for Employee
            new userLogin("Benjamin", 4321,"1" ),
            new userLogin("Mads",12345,"1"),
            new userLogin("Simon",1234,"1"),
            new userLogin("Jessica", 54321,"1"),
            // Logins for Projectmanagers
            new userLogin("Oliver",1234,"2"),
            new userLogin("Sara",4321,"2"),
        ];
        localStorage.setItem("userLogin", JSON.stringify(userLogins));

        for (let i = 0; i < userLogin.length; i++){
            if (uname.value == userLogin && pass.value == userLogin){
                alert("You have been logged in");
                document.location = "Employeesite.html";
                return false
            }
        }
    }
}

//用户
类userLogin{
构造函数（用户名、密码、身份验证级别）{
this.username=用户名；
this.password=密码；
this.authlevel=authlevel；
}
}
//本地存储登录
if（localStorage.getItem（“userLogin”）==null）{
var userLogins=[]；
推送（新用户登录（“Benjamin”，4321，“1”）；
推送（新用户登录（“Mads”，12345，“1”）；
推送（新用户登录（“Simon”，1234，“1”））；
推送（新用户登录（“Jessica”，54321，“1”）；
//项目经理的登录
推送（新用户登录（“Oliver”，1234，“2”）；
push（新用户登录（“Sara”，4321，“2”）；
var userLoginstring=JSON.stringify（userLogin）
setItem（“userLogin”，userLoginstring）
}否则{
var employeeList=JSON.parse（localStorage.getItem（“userLogin”））
}
var uname=document.getElementById（“uname”）；
var pass=document.getElementById（“pass”）；
函数验证（）{
var userLogins=JSON.parse（localStorage.getItem（userLogin））；
如果（！userLogins）{
用户登录=[
//员工登录
新用户登录（“Benjamin”，4321，“1”），
新用户登录（“Mads”，12345，“1”），
新用户登录（“Simon”，1234，“1”），
新用户登录（“Jessica”，54321，“1”），
//项目经理的登录
新用户登录（“Oliver”，1234，“2”），
新用户登录（“Sara”，4321，“2”），
];
setItem（“userLogin”，JSON.stringify（userLogins））；
for（设i=0；i


Eksamensprojekt
欢迎来到EPM！
用户名
密码
登录


注意上面的代码块
 //Users
    class userLogin{
        constructor(username, password, authLevel){
            this.username = username;
            this.password = password;
            this.authlevel = authLevel;
        }
    }
    // Localstorage logins
    if(localStorage.getItem("userLogin") == null){
        var userLogins = [];
        userLogins.push(new userLogin("Benjamin", 4321,"1" ));
        userLogins.push(new userLogin("Mads",12345,"1"));
        userLogins.push(new userLogin("Simon",1234,"1"));
        userLogins.push(new userLogin("Jessica", 54321,"1"));
        // Logins for Projectmanagers
        userLogins.push(new userLogin("Oliver",1234,"2"));
        userLogins.push(new userLogin("Sara",4321,"2"));

        var userLoginstring = JSON.stringify(userLogin)
        localStorage.setItem("userLogin", userLoginstring)
    } else {
        var employeeList = JSON.parse(localStorage.getItem("userLogin"))

    }
    var uname = document.getElementById("uname");
    var pass = document.getElementById("pass");

    function validate() {
        var userLogins = JSON.parse(localStorage.getItem(userLogin));
        if (!userLogins) {
            userLogins = [
                //Logins for Employee
                new userLogin("Benjamin", 4321,"1" ),
                new userLogin("Mads",12345,"1"),
                new userLogin("Simon",1234,"1"),
                new userLogin("Jessica", 54321,"1"),
                // Logins for Projectmanagers
                new userLogin("Oliver",1234,"2"),
                new userLogin("Sara",4321,"2"),
            ];
            localStorage.setItem("userLogin", JSON.stringify(userLogins));

            for (let i = 0; i < userLogin.length; i++){
                if (uname.value == userLogin[i].username  && pass.value == userLogin[i].password ){
                    alert("You have been logged in");
                    document.location = "Employeesite.html";
                    return false
                }
            }
        }
    }

//用户
类userLogin{
构造函数（用户名、密码、身份验证级别）{
this.username=用户名；
this.password=密码；
this.authlevel=authlevel；
}
}
//本地存储登录
if（localStorage.getItem（“userLogin”）==null）{
var userLogins=[]；
推送（新用户登录（“Benjamin”，4321，“1”）；
推送（新用户登录（“Mads”，12345，“1”）；
推送（新用户登录（“Simon”，1234，“1”））；
推送（新用户登录（“Jessica”，54321，“1”）；
//项目经理的登录
推送（新用户登录（“Oliver”，1234，“2”）；
push（新用户登录（“Sara”，4321，“2”）；
var userLoginstring=JSON.stringify（userLogin）
setItem（“userLogin”，userLoginstring）
}否则{
var employeeList=JSON.parse（localStorage.getItem（“userLogin”））
}
var uname=document.getElementById（“uname”）；
var pass=document.getElementById（“pass”）；
函数验证（）{
var userLogins=JSON.parse（localStorage.getItem（userLogin））；
如果（！userLogins）{
用户登录=[
//员工登录
新用户登录（“Benjamin”，4321，“1”），
新用户登录（“Mads”，12345，“1”），
新用户登录（“Simon”，1234，“1”），
新用户登录（“Jessica”，54321，“1”），
//项目经理的登录
新用户登录（“Oliver”，1234，“2”），
新用户登录（“Sara”，4321，“2”），
];
setItem（“userLogin”，JSON.stringify（userLogins））；
for（设i=0；i
请同时添加HTML。如果（！userLogins）{…}

，您应该将循环置于

之外。此外，您已经使用了localStorage.getItem（userLogin）
，它应该是localStorage.getItem（“userLogin”）
，因为userLogin
是``var userLogins=JSON.parse（localStorage.getItem）中的类（用户登录）；短语？
if (uname.value == userLogin[i].username  && pass.value == userLogin[i].password )

 //Users
    class userLogin{
        constructor(username, password, authLevel){
            this.username = username;
            this.password = password;
            this.authlevel = authLevel;
        }
    }
    // Localstorage logins
    if(localStorage.getItem("userLogin") == null){
        var userLogins = [];
        userLogins.push(new userLogin("Benjamin", 4321,"1" ));
        userLogins.push(new userLogin("Mads",12345,"1"));
        userLogins.push(new userLogin("Simon",1234,"1"));
        userLogins.push(new userLogin("Jessica", 54321,"1"));
        // Logins for Projectmanagers
        userLogins.push(new userLogin("Oliver",1234,"2"));
        userLogins.push(new userLogin("Sara",4321,"2"));

        var userLoginstring = JSON.stringify(userLogin)
        localStorage.setItem("userLogin", userLoginstring)
    } else {
        var employeeList = JSON.parse(localStorage.getItem("userLogin"))

    }
    var uname = document.getElementById("uname");
    var pass = document.getElementById("pass");

    function validate() {
        var userLogins = JSON.parse(localStorage.getItem(userLogin));
        if (!userLogins) {
            userLogins = [
                //Logins for Employee
                new userLogin("Benjamin", 4321,"1" ),
                new userLogin("Mads",12345,"1"),
                new userLogin("Simon",1234,"1"),
                new userLogin("Jessica", 54321,"1"),
                // Logins for Projectmanagers
                new userLogin("Oliver",1234,"2"),
                new userLogin("Sara",4321,"2"),
            ];
            localStorage.setItem("userLogin", JSON.stringify(userLogins));

            for (let i = 0; i < userLogin.length; i++){
                if (uname.value == userLogin[i].username  && pass.value == userLogin[i].password ){
                    alert("You have been logged in");
                    document.location = "Employeesite.html";
                    return false
                }
            }
        }
    }