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编程起步(第二课)
Jan 10 Javascript
firefox中用javascript实现鼠标位置的定位
Jun 17 Javascript
js中根据字数截取字符串,不能截断url
Jan 12 Javascript
设置jQueryUI DatePicker默认语言为中文
Jun 04 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
ES6概念 Symbol.keyFor()方法
Dec 25 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
JS继承与闭包及JS实现继承的三种方式
Oct 15 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
Vue项目中跨域问题解决方案
Jun 05 Javascript
简单了解Javscript中兄弟ifream的方法调用
Jun 17 Javascript
vue实现文字加密功能
Sep 27 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 存取 MySQL 数据库的一个例子
2006/10/09 PHP
php使用base64加密解密图片示例分享
2014/01/20 PHP
smarty缓存用法分析
2014/12/16 PHP
php获取远程文件大小
2015/10/20 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
jquery 1.3.2 IE8中的一点点的小问题解决方法
2009/07/10 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
jQuery进行组件开发完整实例
2015/12/15 Javascript
如何通过js实现图片预览功能【附实例代码】
2016/03/30 Javascript
javascript汉字拼音互转的简单实例
2016/10/09 Javascript
AngularJS中一般函数参数传递用法分析
2016/11/22 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
解析Vue2.0双向绑定实现原理
2017/02/23 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
jQuery实现广告条滚动效果
2017/08/22 jQuery
JS实现导出Excel的五种方法详解【附源码下载】
2018/03/15 Javascript
jquery实现搜索框功能实例详解
2018/07/23 jQuery
开发Node CLI构建微信小程序脚手架的示例
2020/03/27 Javascript
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
python利用装饰器进行运算的实例分析
2015/08/04 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
PHP统计代码行数的小代码
2019/09/19 Python
详解基于python的多张不同宽高图片拼接成大图
2019/09/26 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
Python如何定义有默认参数的函数
2020/08/10 Python
Pycharm常用快捷键总结及配置方法
2020/11/14 Python
德国受欢迎的旅游和休闲网站:lastminute.de
2019/09/23 全球购物
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
小学生家长评语集锦
2014/01/30 职场文书
幼儿园教育教学反思
2014/01/31 职场文书
致1500米运动员广播稿
2014/02/07 职场文书
八年级物理教学反思
2016/02/19 职场文书
Python WSGI 规范简介
2021/04/11 Python
教你利用python实现企业微信发送消息
2021/05/23 Python