JS读取cookie（记住账号密码）

很多登录功能上都有个“记住密码”的功能，其实无非就是对cookie的读取。

下面展示这个功能的代码，原作者已无法考究。。。。

测试方法：直接输入账号密码，提交后，刷新页面，再输入同样的账号，就可以显示

<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js COOKIE 记住帐号或密码</title>
<script type="text/javascript">window.οnlοad=function onLoginLoaded() {if (isPostBack == "False") {GetLastUser();}}function GetLastUser() {var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";//GUID标识符var usr = GetCookie(id);if (usr != null) {document.getElementById('txtUserName').value = usr;} else {document.getElementById('txtUserName').value = "001";}GetPwdAndChk();}//点击登录时触发客户端事件function SetPwdAndChk() {//取用户名var usr = document.getElementById('txtUserName').value;alert(usr);//将最后一个用户信息写入到CookieSetLastUser(usr);//如果记住密码选项被选中if (document.getElementById('chkRememberPwd').checked == true) {//取密码值var pwd = document.getElementById('txtPassword').value;alert(pwd);var expdate = new Date();expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));//将用户名和密码写入到CookieSetCookie(usr, pwd, expdate);} else {//如果没有选中记住密码,则立即过期ResetCookie();}}function SetLastUser(usr) {var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";var expdate = new Date();//当前时间加上两周的时间expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));SetCookie(id, usr, expdate);}//用户名失去焦点时调用该方法function GetPwdAndChk() {var usr = document.getElementById('txtUserName').value;var pwd = GetCookie(usr);if (pwd != null) {document.getElementById('chkRememberPwd').checked = true;document.getElementById('txtPassword').value = pwd;} else {document.getElementById('chkRememberPwd').checked = false;document.getElementById('txtPassword').value = "";}}//取Cookie的值function GetCookie(name) {var arg = name + "=";var alen = arg.length;var clen = document.cookie.length;var i = 0;while (i < clen) {var j = i + alen;//alert(j);if (document.cookie.substring(i, j) == arg) return getCookieVal(j);i = document.cookie.indexOf(" ", i) + 1;if (i == 0) break;}return null;}var isPostBack = "<%= IsPostBack %>";function getCookieVal(offset) {var endstr = document.cookie.indexOf(";", offset);if (endstr == -1) endstr = document.cookie.length;return unescape(document.cookie.substring(offset, endstr));}//写入到Cookiefunction SetCookie(name, value, expires) {var argv = SetCookie.arguments;//本例中length = 3var argc = SetCookie.arguments.length;var expires = (argc > 2) ? argv[2] : null;var path = (argc > 3) ? argv[3] : null;var domain = (argc > 4) ? argv[4] : null;var secure = (argc > 5) ? argv[5] : false;document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");}function ResetCookie() {var usr = document.getElementById('txtUserName').value;var expdate = new Date();SetCookie(usr, null, expdate);}
</script>
</head>
<body>
<form id="form1"><div> 用户名:<input type="text" ID="txtUserName" οnblur="GetPwdAndChk()"><input type="password" ID="txtPassword">密码：<input type="checkbox" ID="chkRememberPwd" />记住密码<input type="button" OnClick="SetPwdAndChk()" value="进入"/></div>
</form>
</body>
</html>

JS读取cookie（记住账号密码）相关推荐

C# ASP.NET MVC:使用Cookie记住账号密码
MVC记住账号密码使用cookie操作前端: 1 <div> 2 用户名:<input type="text" id="UserName" ...
js限制浏览器记住账号密码
使用框架为angualr6 1.输入框关键: autocomplete="off" <input nz-input name="txtUsername" ...
账号密码代码php,JS代码怎样实现记住账号密码
这次给大家带来JS代码怎样实现记住账号密码,JS代码实现记住账号密码的注意事项有哪些,下面就是实战案例,一起来看一下. 很多登录功能上都有个"记住密码"的功能,其实无非就是对coo ...
Jsp使用Cookie完成记住账号密码的功能
网站中对于记住账号密码,方便下次登录的使用非常普遍,那么它是怎么实现的呢? 首先他的流程是,设计一个复选框,当选中复选框时,就会传值到处理页面,复选框的用途就是判断用户是否愿意记住账号密码. 我们通过 ...
js实现记住账号密码——学习笔记
实现的原理? 操作cookie,通过判断是否勾选了记住密码框,设置cookie内容,达到保存用户名和密码的效果. 什么时cookie? cookie有4kb大小,超出长度会返回空字符串: cookie ...
ssm实现记住账号密码（cookie）
cookie实现记住账号密码 1.需要实现的功能? 2.实现思路 3.后端代码 1.需要实现的功能? 在我们登陆的时候,页面有一个记住密码的单选框,如果用户勾选了记住密码,那么下次登陆的时候,就无需输 ...
JavaWeb利用cookie记住账号
JavaWeb利用cookie记住账号. 首先,来看看界面什么样子. 记住账号最普遍的做法,就是在点击登录时,将账号保存到cookie中. 材料准备 <script src="${ct ...
Vue实现登录记住账号密码功能的思路与过程
文章来源: 学习通http://www.bdgxy.com/ 目录实现思路这里有三种方法来存储账号密码: 功能界面记住账号密码功能的具体实现密码加密 localStorage cookies ...
uni-app 实现记住账号密码功能
1.示例: 2.代码: 只看核心代码块其他不用管 <template><view class="page"><view class="to ...
android中注册的账号密码储存在,Android中使用SharedPreferences完成记住账号密码的功能...
效果图: 记住密码后,再次登录就会出现账号密码,否则没有. 分析: SharedPreferences可将数据存储到本地的配置文件中 SharedPreferences会记录CheckBox的状态,如 ...

JS读取cookie（记住账号密码）

JS读取cookie（记住账号密码）相关推荐

最新文章

热门文章