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 鼠标点击事件及其它捕获
Jun 04 Javascript
Javascript中的var_dump函数实现代码
Sep 07 Javascript
ext 列表页面关于多行查询的办法
Mar 25 Javascript
JavaScript实现的类字典插入或更新方法实例
Jul 10 Javascript
css如何让浮动元素水平居中
Aug 07 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
JSP防止网页刷新重复提交数据的几种方法
Nov 19 Javascript
js实现微博发布小功能
Jan 12 Javascript
angularjs实现天气预报功能
Jun 16 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
微信小程序人脸识别功能代码实例
May 07 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
Feb 24 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+Html+缓存
2006/12/20 PHP
同台服务器使用缓存APC效率高于Memcached的演示代码
2010/02/16 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
用jscript实现新建和保存一个word文档
2007/06/15 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
node.js中使用q.js实现api的promise化
2014/09/17 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
关于JavaScript的变量的数据类型的判断方法
2015/08/14 Javascript
jQuery对html元素的取值与赋值实例详解
2015/12/18 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
Vue表单及表单绑定方法
2018/09/04 Javascript
jquery获取元素到屏幕四周可视距离的方法
2018/09/05 jQuery
在js代码拼接dom对象到页面上的模板总结
2018/10/21 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
JS实现拼图游戏
2021/01/29 Javascript
[12:51]71泪洒现场!是DOTA2让经典重现
2014/03/24 DOTA
Python使用cx_Oracle调用Oracle存储过程的方法示例
2017/10/07 Python
手把手教你用python抢票回家过年(代码简单)
2018/01/21 Python
python 从csv读数据到mysql的实例
2018/06/21 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
浅谈pycharm导入pandas包遇到的问题及解决
2020/06/01 Python
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
医院辞职信范文
2014/01/17 职场文书
英语故事演讲稿
2014/04/29 职场文书
中职生自荐信范文
2014/06/15 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
学校开学标语
2014/10/06 职场文书
四风查摆剖析材料
2014/10/10 职场文书
公司介绍信范文
2015/01/31 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书
2019年英语版感谢信(8篇)
2019/09/29 职场文书