JQuery记住用户名和密码的具体实现


Posted in Javascript onApril 04, 2014
<div> 
<input id="username" type="text" class="txt1" value="请输入用户名" onclick="if(this.value=='请输入用户名'){this.value=''; }" onfocus="if(this.value=='请输入用户名'){this.value=''; }" /> 
<input id="password" type="text" class="txt2" value="请输入密码" onclick="if(this.value=='请输入密码'){this.value='';this.type='password';}" onfocus="if(this.value=='请输入密码'){this.value='';this.type='password';}"/> 
</div>

JQuery Code
$(document).ready(function(){ 
if ($.cookie("rmbUser") == "true") { 
$("#ck_rmbUser").prop("checked", true); 
$("#username").val($.cookie("username")); 
$("#password").remove(); 
$("#pass").append("<input id='password' type='password' class='txt2'/>"); 
$("#password").val($.cookie("password")); 
} 
$("#loginButton").click(function(){ 
if(check()){ 
login(); 
} 
}); 
}); 
//记住用户名密码 
function save() { 
if ($("#ck_rmbUser").prop("checked")) { 
var username = $("#username").val(); 
var password = $("#password").val(); 
$.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie 
$.cookie("username", username, { expires: 7 }); 
$.cookie("password", password, { expires: 7 }); 
}else{ 
$.cookie("rmbUser", "false", { expire: -1 }); 
$.cookie("username", "", { expires: -1 }); 
$.cookie("password", "", { expires: -1 }); 
} 
}; 
function check(){ 
var username = $("#username").val(); 
var password = $("#password").val(); 
if(username == "" || username == "请输入用户名"){ 
$("#tip").text("请输入用户名!"); 
$("#username").focus(); 
return false; 
} 
if(password == "" || password == "请输入密码"){ 
$("#tip").text("请输入密码!"); 
$("#password").focus(); 
return false; 
} 
$("#tip").text(""); 
return true; 
} 
function login(){ 
$.ajax({ 
type:"POST", 
url: "login!loginValidate.action", 
data:{userName:$("#username").val(),password:$("#password").val()}, 
dataType:"json", 
beforeSend: function(){ 
showOverlay(); 
}, 
success:function(data){ 
if(data.success){ 
addCookie("userName", $("#username").val(), 0); 
save(); 
location.href = "/index.jsp"; 
}else{ 
$("#overlay").hide(); 
$("#tip").text("用户名或密码错误,请重新登录!"); 
return false; 
} 
} 
}); 
}
Javascript 相关文章推荐
JavaScript 无符号右移运算符
Apr 17 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
Jun 11 Javascript
javascript常用对话框小集
Sep 13 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
JsRender实用入门教程
Oct 31 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
Nov 18 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
微信小程序实现天气预报功能
Jul 18 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
Dec 26 Javascript
JavaScript大数相加相乘的实现方法实例
Oct 18 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 Javascript
JS removeAttribute()方法实现删除元素的某个属性
Jan 11 Javascript
JS根据变量保存方法名并执行方法示例
Apr 04 #Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 #Javascript
JavaScript排序算法之希尔排序的2个实例
Apr 04 #Javascript
JavaScript中的prototype.bind()方法介绍
Apr 04 #Javascript
jQuery使用ajaxSubmit()提交表单示例
Apr 04 #Javascript
深入理解javascript的执行顺序
Apr 04 #Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 #Javascript
You might like
php重定向的三种方法分享
2012/02/22 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
php堆排序实现原理与应用方法
2015/01/03 PHP
最新制作ThinkPHP3.2.3完全开发手册
2015/11/23 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
js实现按钮加背景图片常用方法
2014/11/01 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
如何处理JSON中的特殊字符
2016/11/30 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
使用vuex的state状态对象的5种方式
2018/04/19 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
JS开发自己的类库实例分析
2019/08/28 Javascript
Vue的Options用法说明
2020/08/14 Javascript
[01:02:45]完美世界DOTA2联赛 LBZS vs Forest 第三场 11.07
2020/11/09 DOTA
Python的math模块中的常用数学函数整理
2016/02/04 Python
python编码总结(编码类型、格式、转码)
2016/07/01 Python
Python学生信息管理系统修改版
2018/03/13 Python
django 发送邮件和缓存的实现代码
2018/07/18 Python
更改Python的pip install 默认安装依赖路径方法详解
2018/10/27 Python
python ChainMap的使用和说明详解
2019/06/11 Python
Python使用import导入本地脚本及导入模块的技巧总结
2019/08/07 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
英国最大的老式糖果店:A Quarter Of
2017/04/08 全球购物
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
英国品牌男装折扣网站:Brown Bag
2018/03/08 全球购物
日语求职信范文
2013/12/17 职场文书
时尚休闲吧创业计划书
2014/01/25 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
婚礼父母答谢词
2015/01/04 职场文书
鲁滨逊漂流记读书笔记
2015/06/26 职场文书