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