gpt4 book ai didi

Javascript 使用输入更改密码

转载 作者:行者123 更新时间:2023-11-28 02:29:56 27 4
gpt4 key购买 nike

我是 Javascript 的新手,我想编写一个代码,其中将打开一个窗口,要求用户输入特定的密码。如果密码正确,则他“进入”页面。在页面中,他可以找到一个输入和一个按钮。他可以通过填写输入然后按下提交按钮来更改密码。基本上是改变变量的值。问题是我不知道如何将带有 id="changePass"的输入“传递”给变量 pass1,然后我不确定是否会保存新密码。先感谢您!您可以在下面找到我的代码:

<html>
<body>
<script>
var entered = false;
var password;
var pass1="pass";
if (entered == false) {
password = prompt('Enter your password in order to view this page!', ' ');
if (password == pass1) {
alert('Correct Password, Enter the Club');
entered = true;
} else {
window.location = "";
}
} else if (entered == true) {
alert('You have already entered the password. Click OK to enter!');
}
</script>
<input id="changePass"/>
<button id="subimt" type"Submit">Submit</button>
</body>
</html>

最佳答案

我的 friend ,您不能依赖浏览器存储和 cookie 来登录用户和保存密码。您的问题中最少的是,如果用户清除了他的 cookie 和历史记录,您将全部丢失。 :)

这就是为什么我问这是否是一项家庭作业,或者至少是您并不真正关心保留用户凭据的事情,并且您的用户每隔一段时间重新输入一次默认密码不会有任何问题

下面说的是您要将密码存储到 local storage 的代码

<input id="changePass"/>
<button id="changePassBtn" type"Button" onclick='changePassBtnClick()'>Change Password</button>


<input id="login"/>
<button id="loginBtn" type"Button" onclick='loginBtnClick()'>Login</button>


<script>
if(!localStorage.getItem('password')){
localStorage.setItem('password', 'pass');
}

function changePassBtnClick(){
localStorage.setItem('password', document.getElementById('changePass').value);
alert('Password changed');
}

function loginBtnClick(){
if(document.getElementById('login').value == localStorage.getItem('password')){
alert('Correct Login');
}else{
alert('Wrong Password');
}
}
</script>

关于Javascript 使用输入更改密码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51444615/

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