用javaweb代码实现免密码登录效果 提供复选框“记任密码 2、当勾选记住密码则在第一次登录时记住密码 3、后续登录则仅需输入账号,点击登录按钮即可实现登录。
时间: 2024-05-28 21:09:46 浏览: 12
很高兴回答您的问题!要实现免密码登录效果,您可以在登录表单中添加一个复选框,并将用户选择的“记住密码”信息保存在cookie中。在用户下一次打开登录页面时,检查cookie中是否有“记住密码”的标记,如果有,则自动填充上次登录的用户名和密码,并登录用户。以下是一个简单的示例:
1. 在HTML登录页面中添加一个复选框:
<label>记住密码:<input type="checkbox" id="rememberPwd"></label>
2. 在登录操作时判断是否勾选了“记住密码”,如果勾选了,则将用户名和密码写入cookie中:
// 获取用户名和密码
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 判断是否勾选了“记住密码”
var rememberPwd = document.getElementById("rememberPwd").checked;
if (rememberPwd) {
// 设置cookie,有效期为7天
var expires = new Date();
expires.setTime(expires.getTime() + 7 * 24 * 60 * 60 * 1000);
document.cookie = "username=" + username + ";password=" + password + ";expires=" + expires.toGMTString();
}
3. 在登录页面加载时检查cookie中是否存在用户名和密码,并自动填充表单:
// 页面加载时自动填充用户名和密码
window.onload = function() {
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
var index = cookie.indexOf("=");
var name = cookie.substr(0, index).trim();
var value = cookie.substr(index + 1);
if (name == "username") {
document.getElementById("username").value = value;
} else if (name == "password") {
document.getElementById("password").value = value;
}
}
}
这样就可以实现免密码登录效果了。希望对您有所帮助!
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)