jQuery的cookie插件实现保存用户登陆信
程序员文章站
2022-06-30 09:43:15
代码如下:
cookies.html</...</div>
<div class="content">
<p>代码如下:</p>
<p class="codebody" id="code26414"><br>
<!doctype html><br>
<html><br>
<head><br>
<title>cookies.html</title><br><br>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><br>
<meta http-equiv="description" content="this is my page"><br>
<meta http-equiv="content-type" content="text/html; charset=utf-8"><br><br>
<style type="text/css"><br>
.txt{<br>
width: 150px;<br>
height:20px;<br>
border: 1px blue solid;<br>
border-radius:0.5em;<br>
margin-bottom: 5px;<br>
padding-left: 5px;<br>
}<br><br>
</style><br>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script><br>
<script type="text/javascript" src="../js/jquery.cookie.js"></script><br>
<script type="text/javascript"><br>
$(function(){<br><br><br>
if($.cookie("name")){<br>
//取值如果存在则赋值<br>
$("#username").val($.cookie("name"));<br><br>
}<br><br><br>
$("#mycookie").submit(function(){<br><br>
//如果选中了保存用户名选项<br>
if($("#chksave").is(":checked")){<br><br>
//设置cookie值<br>
$.cookie("name",$("#username").val(),{<br>
expires:7,//设置保存期限<br>
path:"/"//设置保存的路径<br><br>
});<br><br>
}else{<br><br>
//销毁对象<br>
$.cookie("name",null,{<br>
path:"/"<br><br>
});<br>
}<br><br>
return false;<br>
});<br><br>
});<br><br><br>
</script><br>
</head><br>
<body><br>
<form action="#" method="get" id="mycookie"><br><br>
<p><br>
用户名：<br><br>
<input id="username" name="username" type="text" class="txt"><br>
</p><br>
<p><br>
密码:<br><br>
<input id="password" name="password" type="password" class="txt"><br>
</p><br>
<p><br>
<input id="chksave" type="checkbox">是否保存用户名<br>
</p><br>
<p><br>
<input id="cookbtn" class="btn" type="submit" value="提交"><br>
</p><br><br>
</form><br>
</body><br>
</html></p> </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/1583673.html">
浅析：网站名称被盗用该如何是好呢？ </a>
</p>
<p>
下一篇： <a href="/article/1583675.html">
别跟我扯原创，原创只不过是一种手段 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2052292.html" target="_blank" title="Django利用cookie保存用户登录信息的简单实现方法">
<h2>
Django利用cookie保存用户登录信息的简单实现方法 </h2>
</a>
</li>
<li>
<a href="/article/1835472.html" target="_blank" title="使用jquery的cookie实现登录页记住用户名和密码的方法">
<h2>
使用jquery的cookie实现登录页记住用户名和密码的方法 </h2>
</a>
</li>
<li>
<a href="/article/1625790.html" target="_blank" title="Struts 利用cookie保存用户的登陆信息">
<h2>
Struts 利用cookie保存用户的登陆信息 </h2>
</a>
</li>
<li>
<a href="/article/1583674.html" target="_blank" title="jQuery的cookie插件实现保存用户登陆信">
<h2>
jQuery的cookie插件实现保存用户登陆信 </h2>
</a>
</li>
<li>
<a href="/article/1414856.html" target="_blank" title="php中使用cookie来保存用户登录信息的实现代码_php实例">
<h2>
php中使用cookie来保存用户登录信息的实现代码_php实例 </h2>
</a>
</li>
<li>
<a href="/article/1377128.html" target="_blank" title="php同时使用session和cookie来保存用户登录信息的实现代码_php实例">
<h2>
php同时使用session和cookie来保存用户登录信息的实现代码_php实例 </h2>
</a>
</li>
<li>
<a href="/article/1366433.html" target="_blank" title="微信公众号开发《一》OAuth2.0网页授权认证获取用户的详细信息，实现自动登陆">
<h2>
微信公众号开发《一》OAuth2.0网页授权认证获取用户的详细信息，实现自动登陆 </h2>
</a>
</li>
<li>
<a href="/article/1365944.html" target="_blank" title="微信公众号开发《一》OAuth2.0网页授权认证获取用户的详细信息，实现自动登陆">
<h2>
微信公众号开发《一》OAuth2.0网页授权认证获取用户的详细信息，实现自动登陆 </h2>
</a>
</li>
<li>
<a href="/article/1251608.html" target="_blank" title="Django利用cookie保存用户登录信息的简单实现方法">
<h2>
Django利用cookie保存用户登录信息的简单实现方法 </h2>
</a>
</li>
<li>
<a href="/article/1153315.html" target="_blank" title="使用jquery的cookie实现登录页记住用户名和密码的方法">
<h2>
使用jquery的cookie实现登录页记住用户名和密码的方法 </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>