登录时账户密码记住密码cookie

约定不等于承诺〃 2024-04-19 12:09 77阅读 0赞

<body>
    		账号：<input type="text" /><br />
    		密码：<input type="password" /><br />
    		<input type="checkbox" />记住密码<br />
    		<button>登录</button>
    	</body>
    	<script src="js.js" type="text/javascript" charset="utf-8"></script>
    	<script type="text/javascript">
    		var oInput = document.getElementsByTagName('input');
    		var oBtn = document.getElementsByTagName('button')[0];
    		
    		oBtn.onclick = function () {
    			//字符串.trim()  强制去掉首尾的空字符串
    			if(oInput[0].value.trim() !='' && oInput[1].value.trim() !=''){
    				//还得复选框的选中了之后 才去保存账号密码
    				if(oInput[2].checked){
    					setCookie('user',oInput[0].value.trim(),3600);
    					setCookie('psd',oInput[1].value.trim(),3600);
    					console.log('您的账号密码已存储在浏览器中的cookie里了')
    				}
    			}
    		}
    		//复原输入框中的值  先去判断  cookie中是否存在  user以及psd
    		//如果两个输入框都存在值的情况下  都是返回字符串
    		//字符串隐式转换为布尔值 true
    		if(getCookie('user')  && getCookie('psd')){
    			oInput[0].value = getCookie('user');
    			oInput[1].value = getCookie('psd');
    			oInput[2].checked = true;
    		}
    		
    	</script>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/12b3d6ba10434182ae7f29bfec592644.png

发表评论取消回复

表情：

评论列表（有 0 条评论，77人围观）

还没有评论，来说两句吧...

相关阅读

相关登录时账户密码记住密码cookie

<body> 账号：<input type="text" /><br /> 密码：<input type="password" /><br ...

约定不等于承诺〃/ 2024年04月19日 12:09/ 0 赞/ 78 阅读

相关 Servlet中cookie记住密码

Servlet中通过学到的Cookie,做出一个记住密码的操作用到HTML+Servlet+Cookie+JavaScript 利用cookie设置记住密码的时间,到

青旅半醒/ 2023年02月25日 02:02/ 0 赞/ 18 阅读

相关 vue实现登录，记住密码功能（cookie）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2Nv

系统管理员/ 2022年09月03日 04:29/ 0 赞/ 293 阅读

相关 js实现cookie记住密码

近来做记住密码时，用js的实现方式做了一下。 login.jsp页面代码 <%@ page language="java" impor

逃离我推掉我的手/ 2022年08月06日 06:09/ 0 赞/ 249 阅读

相关 Cookie记住用户名与密码

代码块 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding=

快来打我*/ 2022年08月01日 15:44/ 0 赞/ 352 阅读

相关 java使用cookie记住密码

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"

灰太狼/ 2022年06月17日 14:27/ 0 赞/ 235 阅读

相关登录时记住密码的实现

//判断是否有cookie的值 var staffCodeValue = me.getCookieValue('staff_code') ; va

太过爱你忘了你带给我的痛/ 2022年05月20日 01:53/ 0 赞/ 299 阅读

相关 cookie的使用和记住密码

后台： using System; using System.Collections.Generic; using System.Linq;

喜欢ヅ旅行/ 2022年05月09日 10:40/ 0 赞/ 189 阅读

相关 uni-app登录+记住密码

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

男娘i/ 2022年03月16日 03:08/ 0 赞/ 558 阅读

相关 js如何实现登录时记住密码

常见的很多网站登录，都有记住密码功能，下面是用js实现的记住密码功能（代码用的源生js，不用引入任何插件，大家如果引入了jQuery，可以进行修改，优化） js部分

Dear 丶/ 2022年02月14日 09:34/ 0 赞/ 519 阅读