博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
localStorage登录页记住密码(艺博会)
阅读量:5058 次
发布时间:2019-06-12

本文共 2345 字,大约阅读时间需要 7 分钟。

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>登录页</title>
<link rel="stylesheet" href="css/basic.css" type="text/css" />
<link rel="stylesheet" href="css/login.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<script type="text/javascript" src="js/login.js" ></script>
</head>
<body>
<div class="wrap">
<div class="topWrap" >
<i class="loginLogo"></i>
<div class="logoText">入驻商家工作平台</div>
</div>
<div class="contentBg">
<div class="bg"></div>
<div class="contentWrap">
<div class="container">
<div class="title">用户登录</div>
<form action="" method="post" >
<div class="iptWrap iptWrap01">
<div class="iconTel"></div>
<input class="iptTel" type="text" name="" placeholder="请输入手机号" maxlength="11" style="border: #fff solid 1px;" />
</div>
<div class="iptWrap iptWrap02">
<div class="iconPasw"></div>
<input class="iptPasw" type="password" name="" placeholder="请输入密码" style="border: #fff solid 1px;" />
<div class="open"></div>
<div class="close"></div>
</div>
<a href="javascript:void(0)" class="forgetPasw">忘记密码?</a>
<div class="bottom">
<div class="square">
<input id="remember" type="checkbox" />
<div class="remember">记住我</div>
</div>
<button class="iptLogin" type="submit" οnclick="loginBtn_click()" >登 录</button>
</div>
</form>
<div class="greyLine"></div>
<a class="upLoad" href="javascript:void(0)">扫描右侧二维码,下载今日财界客户端→</a>
</div>
<div class="code"></div>
</div>
</div>
<div class="footer">
<div class="copyright">北京网高科技股份有限公司 Copyright © 2007-2018 All Rights Reserved | 客服电话:010-65910258 </div>
</div>
</div>
<script>
$(document).ready(function(){
var strName = localStorage.getItem('keyName');
var strPass = localStorage.getItem('keyPass');
var strRem = localStorage.getItem('keyRem');
if(strName){
$('.iptTel').val(strName);
}
if(strPass){
$('.iptPasw').val(strPass);
}
if(strRem){
$('#remember').attr("checked",true);
}
});
function loginBtn_click(){
var strName = $('.iptTel').val();
var strPass = $('.iptPasw').val();
var strRem = $('#remember').is(':checked');
if($('#remember').is(':checked')){
localStorage.setItem('keyName',strName);
localStorage.setItem('keyPass',strPass);
localStorage.setItem('keyRem',strRem);
}else{
localStorage.removeItem('keyPass');
localStorage.removeItem('keyRem');
}
}
</script>
</body>
</html>

转载于:https://www.cnblogs.com/ourLifes/p/9561869.html

你可能感兴趣的文章
互观与评价
查看>>
验证视图状态 MAC 失败的解决办法
查看>>
css整理-01选择器和继承
查看>>
webapp前端开发总结
查看>>
【MAC下学习Unix网络编程】第一个例子中解决unp.h 在mac下的编译问题
查看>>
jquery ztree插件
查看>>
Java finally关键字
查看>>
InstallShield Limited Edition for Visual Studio 2013 图文教程(教你如何打包.NET程序)
查看>>
LUA安装过程
查看>>
Python-aiohttp百万并发
查看>>
牛顿法求平方根及习题1.6-1.8
查看>>
电赛初探(二)——语音采集回放系统
查看>>
SQL SERVER 如何调试存储过程
查看>>
php修改和增加xml结点属性
查看>>
Mysql插入数据是问号的乱码
查看>>
设计模式之原型模式
查看>>
(转)页面滚动图片加载
查看>>
使用Carthage安装第三方Swift库
查看>>
修改mysql root的密码
查看>>
LeetCode 53. Maximum Subarray
查看>>