jQuery加密密码到cookie的实现代码
更新时间:2017年04月18日 11:42:19 作者:Pan_cras
本文通过实例代码给大家分享了jquery 加密密码到cookie的实现方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table>
<tr>
<th>账号:</th>
<td><input type="text" id="username" /></td>
</tr>
<tr>
<th>密码:</th>
<td><input type="text" id="password" /></td>
</tr>
<tr>
<td><button onclick="setCookie();">保存</button></td>
<td><button onclick="getCookie();">读取</button></td>
</tr>
</table>
</body>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery.cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="https://raw.githubusercontent.com/yckart/jquery.base64.js/master/jquery.base64.js"></script>
<script type="text/javascript">
function setCookie() { //设置cookie
var loginCode = $("#username").val(); //获取用户名信息
var pwd = $("#password").val(); //获取登陆密码信息
$.cookie("username", loginCode);//调用jquery.cookie.js中的方法设置cookie中的用户名
$.cookie("pwd", $.base64.encode(pwd));//调用jquery.cookie.js中的方法设置cookie中的登陆密码,并使用base64(jquery.base64.js)进行加密
}
function getCookie() { //获取cookie
var loginCode = $.cookie("username"); //获取cookie中的用户名
var pwd = $.cookie("pwd"); //获取cookie中的登陆密码
if (loginCode) {//用户名存在的话把用户名填充到用户名文本框
$("#username").val(loginCode);
}
if (pwd) {//密码存在的话把密码填充到密码文本框
$("#password").val($.base64.decode(pwd));
}
}
</script>
</html>
以上所述是小编给大家介绍的jQuery加密密码到cookie的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码
- JQuery记住用户名和密码的具体实现
- JQuery记住用户名密码实现下次自动登录功能
- 使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
- 通过jquery.cookie.js实现记住用户名、密码登录功能
- 使用jquery的cookie实现登录页记住用户名和密码的方法
- jquery.cookie.js实现用户登录保存密码功能的方法
- jQuery.cookie.js实现记录最近浏览过的商品功能示例
- jquery使用Cookie和JSON记录用户最近浏览历史
- 通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
- jQuery实现的记住帐号密码功能完整示例
相关文章
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
这篇文章主要为大家详细介绍了解决jQuery上传插件Uploadify出现Http Error 302错误的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2015-12-12
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
input输入框在获得或失去焦点时隐藏或显示文字,这样的焦点效果想必很多朋友在填写form表格的时候都曾见识过吧,本文使用jquery实现以下,感兴趣的朋友可以参考下哈2013-04-04
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
这篇文章主要介绍了JQuery实现ul中添加LI和删除指定的Li元素功能,结合完整实例形式分析了jQuery基于事件响应的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-10-10


最新评论