JQuery记住用户名密码实现下次自动登录功能
更新时间：2015年04月27日 10:34:10 投稿：junjie
这篇文章主要介绍了JQuery记住用户名密码实现下次自动登录功能,本文直接给出实现代码,需要的朋友可以参考下
Jquery将用户名密码存储到cookie中
需要导入jquery.js和jquery.cookie.js
<html>
<head>
<title>test cookie</title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
if ($.cookie("rmbUser") == "true") {
$("#ck_rmbUser").attr("checked", true);
$("#txt_username").val($.cookie("username"));
$("#txt_password").val($.cookie("password"));
}
});
//记住用户名密码
function Save() {
if ($("#ck_rmbUser").attr("checked")) {
var str_username = $("#txt_username").val();
var str_password = $("#txt_password").val();
$.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie
$.cookie("username", str_username, { expires: 7 });
$.cookie("password", str_password, { expires: 7 });
}
else {
$.cookie("rmbUser", "false", { expire: -1 });
$.cookie("username", "", { expires: -1 });
$.cookie("password", "", { expires: -1 });
}
};
</script>
</head>
<body>
<div>
用户名：<input type="text" id="txt_username"/><br />
密码：<input type="text" id="txt_password"/><br />
<input type="checkbox" id="ck_rmbUser"/>记住用户名和密码<br />
<input type="submit" id="sub" value="登录" onclick="Save()"/>
</div>
</body>
</html>
相关文章
这篇文章主要介绍了jQuery中DOM节点的删除方法,文中介绍的很相信，内容包括empty()的基本用法、remove()的有参用法和无参用法、empty和remove区别、保留数据的删除操作detach()以及detach()和remove()区别，需要的朋友可以参考借鉴。2017-01-01
这篇文章主要介绍了jQuery实现导航高亮的方法,涉及针对鼠标事件的相应及页面元素属性动态变换的相关操作技巧,并附带demo源码供读者下载,需要的朋友可以参考下2016-11-11
导航条背景切换的效果，想必大家在浏览网页时可能会碰到过，下面为大家介绍下使用jquery如何实现，具体思路及代码如下，感兴趣的朋友可以参考下2013-09-09
这篇文章主要为大家详细介绍了jQuery事件对象的属性和方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
这篇文章主要为大家详细介绍了jQuery制作input提示内容，兼容IE8以上，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
大家在qq聊天或者是玩微信时发表自己的心情，都会允许加入表情，大家知道qq表情是怎么实现的吗，接下来，通过本篇文章给大家实例讲解基于jQuery实现的QQ表情插件，需要的朋友可以参考下2015-08-08
从一个HTML表使用一些时髦的效果，只要按一下该行，改行即可被删除，这个示例比较简单，新手朋友们可以学习下2014-09-09
jquery从1.3开始，使用了新的选择器–sizzle。效率超过了以前的jquery版本的其他选择器。下面这篇文章主要介绍了jQuery源中sizzle选择器的相关资料，文中介绍的很详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-02-02
这篇文章主要介绍了jQuery的css()方法用法,以实例形式较为详细的分析了css()方法的几种常见用法,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
这篇文章主要为大家介绍了jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项,需要的朋友可以参考下2010-12-12
最新评论