本地保存cookie
2024-10-09 16:37:00
原文https://blog.csdn.net/qq_29663071/article/details/73826642
https://www.cnblogs.com/webcome/p/5470975.html
<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row" style="margin-top: 200px">
<div class="col-sm-6 col-lg-offset-2">
<form method="post" class="form-horizontal">
<div class="form-group">
<label for="account" class="col-sm-2 control-label">账户</label>
<div class="col-sm-10">
<input id="account" name="account" class="form-control" th:placeholder="请输入账户"></input>
</div>
</div>
<div class="form-group">
<label for="password" class="col-sm-2 control-label">密码</label>
<div class="col-sm-10">
<input id="password" type="text" name="password" th:placeholder="请输入密码" class="form-control">
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-lg-offset-2">
<div class="checkbox">
<label>
<input type="checkbox" id="checkbox">请记住我
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-3 col-lg-offset-5">
<input id="button" type="button" class="form-control btn btn-primary" value="登录">
</div>
</div>
</form>
</div>
</div>
</div>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.js"></script>
<script src="/js/jquery.cookie.js"></script>
<script>
if ($.cookie('checkbox')=="true") {
var checkflg = true;
$("#checkbox").attr("checked", true);
$("#account").val($.cookie("account"));
$("#password").val($.cookie("password"));
}else{
// 默认不记住
var checkflg = false;
}
$("#checkbox").click(function () {
if (!checkflg){
$("#checkbox").attr("checked",true);
}else{
$("#checkbox").attr("checked",false);
}
checkflg = !checkflg;
});
function setCookie() {
if (checkflg) {
var account = $("#account").val();
var password = $("#password").val();
$.cookie("checkbox", "true", { expires: 7 });
$.cookie("account", account, { expires: 7 });
$.cookie("password", password, { expires: 7 });
} else {
$.cookie("checkbox", "false", { expires: -1 });
$.cookie("account", '', { expires: -1 });
$.cookie("password", '', { expires: -1 });
}
}
$("#button").click(function () {
setCookie();
window.location.href="/login/loginValidate?account="+$("#account").val()+"&password="+$("#password").val();
});
</script>
</body>
</html>
最新文章
- 移动端Web适配的两种做法思路总结
- table 细边框
- vs2013的单元测试 第一部分
- acvitity的日常 启动模式(上)
- Sql建表语句
- 随意一条查询sql转换为查询结果集相应的数目
- 解决Oracle ORA-00984: column not allowed here
- poj1436 Horizontally Visible Segments
- HDU 5965 扫雷 【模拟】 (2016年中国大学生程序设计竞赛(合肥))
- Xshell下漂亮的开发环境配置
- Android call setting 源码分析 (上)
- 理解OAuth2.0认证
- C语言 >; 指向指针的指针
- net core体系-API-Restful+Swagger搭建API
- LDA(线性判别分类器)学习笔记
- 居于H5的多文件、大文件、多线程上传解决方案
- max 基础知识
- Mac OS 10.12 - 安装Homebrew,像Ubuntu里面的apt一样简单地安装和删除软件!
- WEB-INFO 目录
- Swift2.0语言教程之类的属性