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 相关文章推荐
js计数器代码
Nov 04 Javascript
List Installed Software Features
Jun 11 Javascript
jQuery学习5 jQuery事件模型
Feb 07 Javascript
JS实现的通用表单验证插件完整实例
Aug 20 Javascript
JavaScript常用判断写法大全(推荐)
May 30 Javascript
JS常用字符串方法(推荐)
Jan 15 Javascript
一道面试题引发的对javascript类型转换的思考
Mar 06 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
Jun 20 Javascript
JavaScript面向对象精要(下部)
Sep 12 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
Nov 01 Javascript
vue element-ui读取pdf文件的方法
Nov 26 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解析http获取的json字符串变量总是空白null
2015/03/02 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
javascript中关于执行环境的杂谈
2011/08/14 Javascript
向左滚动文字 js代码效果
2013/08/17 Javascript
利用javascript数组长度循环数组内所有元素
2013/12/27 Javascript
jquery.post用法示例代码
2014/01/03 Javascript
js四舍五入数学函数round使用实例
2014/05/09 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
js判断复选框是否选中及选中个数的实现代码
2016/05/30 Javascript
js中数组的常用方法小结
2016/12/30 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
2017/07/14 Javascript
解决Layui 表单提交数据为空的问题
2018/08/15 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
浅析Python的Django框架中的Memcached
2015/07/23 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
Python爬虫中urllib库的进阶学习
2018/01/05 Python
python 给DataFrame增加index行名和columns列名的实现方法
2018/06/08 Python
Python中pymysql 模块的使用详解
2019/08/12 Python
利用Python计算KS的实例详解
2020/03/03 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
python实现图书馆抢座(自动预约)功能的示例代码
2020/09/29 Python
Django 权限管理(permissions)与用户组(group)详解
2020/11/30 Python
详解canvas绘图时遇到的跨域问题
2018/03/22 HTML / CSS
澳大利亚领先的睡衣品牌:Peter Alexander
2016/08/16 全球购物
计算机网络毕业生自荐信
2013/10/01 职场文书
国贸专业个人求职信分享
2013/12/04 职场文书
运动会解说词50字
2014/01/18 职场文书
文科毕业生自荐书范文
2014/04/17 职场文书
创业计划书之酒厂
2019/10/14 职场文书
MySQL系列之十五 MySQL常用配置和性能压力测试
2021/07/02 MySQL
node.js使用express-fileupload中间件实现文件上传
2021/07/16 Javascript
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫