gpt4 book ai didi

javascript - 验证登录页面 - 如果密码正确则返回主页,如果不正确则留在同一页面

转载 作者:行者123 更新时间:2023-12-02 21:01:06 25 4
gpt4 key购买 nike

我已经设置了一个注册页面,其中所有详细信息都保存到浏览器的本地存储中。当用户被告知使用注册的详细信息登录时,如果验证成功,他们必须被重定向到主页。

验证工作正常,如果密码错误,我会收到系统反馈。我不太确定只有密码正确才能进入主页。

完整代码如下

<!DOCTYPE html>
<html>
<head>
<link href ="styles.css" type = "text/css" rel="stylesheet">

<title>CSV File to HTML Table Using AJAX jQuery</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<!-- Header-->
<div id="header">
<button type="button" class="button">Basket</button>
</div>

<!-- Main Login Form-->
<div class="SignLog"><h2>Sign up or Log in</h2></div>
<body onload="checkLogin()">

<div id="loginPara" class="login">
<form id="login" action = index.html onsubmit="return false">
<input type="text" placeholder="Enter Email Address" name="userid" id="emailin"><br>
<input type="password" placeholder="Create a password" name="pswrd" id=passwordin><br>
<input type="button" onclick="login()" value="Login" id="loginbutton"/>
<p>-------------------------- or----------------------------</p>
<a href="register.html"> <input type="button" value="Register" id="registerbutton"/> </a>
<br>
<p>By continuing you agree to our <a>T&Cs</a>. Please also check out our <a>Privacy Policy</a>. We use your data to offer you a personalised experience and to better understand and improve our services. For more information <a>see here</a>.</p>
</form>

<div id="loginFailure" style="color:red;"><p></p>
</div>

</div>

<!-- LOCAL STORAGE IS CHECKED TO SEE IF USER IS REGISTERED.-->
<script>

function checkLogin() {

if(localStorage.loggedinUsrEmail !== undefined) {

var usrObj = JSON.parse(localStorage[localStorage.loggedinUsremail]);

document.getElementById("loginPara").innerHTM = usrObj.firstName + " logged in."

}
}

function login() {

var email = document.getElementById("emailin").value;

if(localStorage[email] === undefined){

document.getElementById("loginFailure").innerHTML = "Email not recognized" ;
return;
}

else{
var usrObj = JSON.parse(localStorage[email]);
var password = document.getElementById("passwordin").value;

if(password === usrObj.password) {
document.getElementById("loginPara").innerHTML =usrObj.firstname + " logged in.";
document.getElementById("loginFailure").innerHTML = "";
localStorage.loggedinUsrEmail =usrObj.email;

}
else{
document.getElementById("loginFailure").innerHTML = "Password incorrect.";
}

}

}



</script>

</body>

最佳答案

要重定向,您可以使用:

if (password === usrObj.password) {
window.location = "https://example.com";
}

请注意,在浏览器中检查密码并不能保证您的安全。

关于javascript - 验证登录页面 - 如果密码正确则返回主页,如果不正确则留在同一页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61354260/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com