<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin:0;
padding: 0;
}
.form{
width: 200px;
margin:150px auto 0;
}
input[type=checkbox]{
cursor: pointer;
}
input[type=button]{
padding: 5px 10px;
cursor: pointer;
}
</style>
</head>
<body>

<div class="form">
<input id='userName' type="text" placeholder='请输入姓名'/><br/>
<input id='userNumber' type="password" placeholder='请输入密码'/><br/>
<input id='rmbPass' type="checkbox"/>记住密码<br/>
<input id="login" type="button" value="登录" />
</div>

<script type='text/javascript' src='js/require.js' data-main='js/main.js'></script>
</body>
</html>

require.config({
paths:{
"jquery":"jquery.min",
"jquery_cookie":"jquery.cookie"
}
})
require(['jquery','jquery_cookie'],function(){
$(document).ready(function(){
if($.cookie('rmbUser')=='true'){
$('#rmbPass').attr('checked',true);
$('#userName').val($.cookie('userName'));
$('#userNumber').val($.cookie('userNumber'));
}

})
$('#login').on('click',function(){
var userName=$('#userName').val();
var userNumber=$('#userNumber').val();
if(document.getElementById('rmbPass').checked){
$.cookie('rmbUser','true',{expires:7});
$.cookie('userName',userName,{expires:7});
$.cookie('userNumber',userNumber,{expires:7});
}else{
$.cookie('rmbUser','false',{expires:-7});
$.cookie('userName','',{expires:-7});
$.cookie('userNumber','',{expires:-7});
}
})
})

最新文章

  1. Linux之RHEL6的开机流程分析
  2. HDFS 核心原理
  3. JavaScript实现在textbox输入时自动去数据库匹配并找出类似值列出,选择后记得将值填入本textbox及下一个textbox
  4. Java之--Java语言基础组成—数组
  5. 好记心不如烂笔头之JQuery学习,第三章
  6. 使用Java Applet在客户端解压缩,以及使用证书的意义
  7. vuejs单一事件管理组件间的通信
  8. Struts2和SpringMVC的区别
  9. 11. 配置ZooKeeper ensemble
  10. vim 实用配置
  11. Android初级教程:如何自定义一个状态选择器
  12. Learning ROS for Robotics Programming Second Edition学习笔记(九) indigo Gazebo rviz slam navigation
  13. 安装mysql5.5.28的步骤 2017.6.27
  14. [ZJOI2007] 捉迷藏
  15. jmeter知识总结(一)
  16. Squid正向代理(编译安装)
  17. 《全栈性能Jmeter》-4JMeter脚本开发
  18. Java之创建对象&gt;3.Enforce the singleton property with a private constructor or an enum type
  19. 【吉比特】G-bits2017技术类岗位编程题
  20. 大快hadoop安装包下载与平台监控参数说明

热门文章

  1. 全新的博客之旅&amp;大学生活
  2. [转]基于Starling移动项目开发准备工作
  3. WinForm 中TreeView 控件的使用实例
  4. NeoKylin5.6下安装部署达梦(DM7)数据库
  5. Oracle EBS - AOL
  6. POMDP
  7. 使用mutt+msmtp在Linux命令行界面下发邮件(续)
  8. 在网页中让Backspace按键不可作为退回使用
  9. TotalCommander 之 快捷键
  10. Approaches to Vector Computation