Web 实现登录记住密码功能

HTML

<form id="nameLoginForm">账户名：<input type="text" name="name" id="name" class="input-text" autocomplete="off" placeholder="用户名/邮箱/手机号" />密码：<input type="password" name="password" id="password" class="input-text" placeholder="请输入密码"><input id="normalSubmit" class="btn-settlement" type="button" onclick="login()" value="登录"  ><span class="register"><input name="remember" type="checkbox" id="remember" class="rem-check">记住密码</span><span class="forget-pass"> <input name="admin" type="checkbox" id="admin">管理员登录</span>
</form>

<script type="text/javascript">//记住用户名,默认不记住var checkFlag = false;function remeberNameAndPwd(){//这里是当页面是从注册页面注册成功过来var remFlag = $("#remember").is(':checked');if(remFlag==true){checkFlag = true;}//当在login.html页面点击是否记住z$("#remember").click(function(){var remFlag = $("#remember").is(':checked');if(remFlag==true){$("#remember").attr("checked",true);checkFlag=true;}else{$("#remember").attr("checked",false);checkFlag=false;}})}//写入cookie与删除function setAndRemoveCookie(){//注意 密码写入cookie的时候这里没有写加密 是不安全的if(checkFlag){var name = $("#name").val();var password = $("#password").val();$.cookie("remember","true",{expires : 7 })//单位：天$.cookie("name",name,{expires: 7 });$.cookie("password",password,{expires: 7 })}else{//删除cookie$.cookie("remember","false",{expires:-1 });$.cookie("name",null,{expires:-1});$.cookie("password",null,{expires:-1});}}//获取cookiefunction getCookie(){if($.cookie("remember")=="true"){$("#remember").attr("checked",true);$("#name").val($.cookie("name"));$("#password").val($.cookie("password"));}}$(function(){getCookie();//获取cookieremeberNameAndPwd();//remember点击事件});//登录function login() {var name = $("#name").val()var password = $("#password").val();//是否管理员登录var remId;var remAdmin = $("#admin").is(':checked');if(remAdmin){remId='1';}else {remId='0';}if($(".tips ").is(":visible")){return;}if (name == "") {showError("请输入用户名");return;}if (password == "") {showError("请输入密码");return false;}$.ajax({url : 'login',type:'post',data : {name : name,password : password,remAdmin:remId},dataType : 'json',cache:false,success : function(d) {if ("0"==d.err) {setAndRemoveCookie();//是否写入cookiewindow.location.href = d.url;}else{showError(d.msg);return false;}}})}
</script>

Web 实现登录记住密码功能相关推荐

vue+elementUl实现登录记住密码功能
效果思路: 采用cookie保存账户和密码. 如果勾选了记住密码,将用户名和密码保存在cookie中,设置cookie中数据保存的时间,过期清除cookie保存的值, 每次新登录的时候,获取本地保存 ...
java记住密码 cookie_Java Web网站怎么利用Cookie实现记住密码功能
在做java web网站开发时,为了避免每次登录都需要输入用户名和密码,我们会使用Cookie技术来实现记住密码功能,在这里小编使用简单的项目案例来教大家具体的实现过程. 前期准备 1.下载好jque ...
php js记住密码功能,jquery.cookie.js实现用户登录保存密码功能的方法_jquery
本文实例讲述了jquery.cookie.js实现用户登录保存密码功能的方法.分享给大家供大家参考,具体如下: 需要导入的js有jquery.js和jquery.cookie.js 在页面加载时首先尝 ...
vue 登录页面记住密码功能
vue+iview/element 一般用来快速搭建后台管理系统,登录页的记住密码功能也是必不可少的. 记住密码快速登录功能(iview ui): 思路:首次登录,记住密码,将密码存储到cookie中 ...
PHP会员登录实现记住密码功能 thinkPHP5
会员登录实现记住密码功能需要用到cookie 和session,首先我们来简单了解一下cookie 和session 的区别 Cookie Cookie是完全保存在客户端.当客户端禁止cookie时将 ...
vue考试系统后台管理项目-登录、记住密码功能
考试系统后台管理项目介绍: 技术选型:Vue2.0+Elemenu-ui 项目功能介绍: 账户信息模块:菜单权限.角色权限设置.角色权限分配.账号设置.公司分组考试管理模块:新增/编辑/删除考试试题 ...
PyQt5实现登录界面，包含用户注册，记住密码功能
本文主要基于PyQt5用的是qt designer,连接MySQL实现登录界面,包含注册功能,记住密码功能,说明这一切都是基于在pycharm上配置好了pyuic和qt designer 目录 1.实 ...
android 登录保存密码,android 如何实现登陆界面的记住密码功能
今天写了一个有关登录记住密码的列子其实这个例子的关键使用到了AutoCompleteTextView 以及sharedPreference的两个关键知识点,大家知道 AutoCompleteTex ...
AppCan用cookie实现记住密码功能 [APP]
今天想做个在应用上记住密码的功能.想了一下,先用COOKIE来测试.COOKIE保存在客户端. 关于COOKIE在手机上安不安全的问题,以后再讨论. 其实想过在手机上创建文件保存密码,但是,没有时间, ...
java用户登录记住密码_java项目中登陆时记住密码
1.在登陆的时候记住密码,不知自动登陆: 2.登陆页面,填写用户名,密码,点击记住密码,下次进入登陆页面的时候,填写同样的用户名,密码自动填充(在不一次会话的情况下也就是说在不关闭浏览器的情况下): ...

Web 实现登录记住密码功能

Web 实现登录记住密码功能相关推荐

最新文章

热门文章