java实现应用程序记住用户名、密码功能
来源:互联网 发布:拍拍贷网络借贷平台 编辑:程序博客网 时间:2024/04/28 17:11
本文介绍的记住用户名、密码功能是借用jQuery插件方式实现。
1. 从网上下载jquery.cookie.js,拷贝到应用程序中。
2. 登录页面(login.jsp)导入jquery.cookie.js
<script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.cookie.js"></script>
页面元素如下:
<input type='text' name='j_username' id="j_username"<c:if test="${not empty param.login_error}">value='<c:out value="${ACEGI_SECURITY_LAST_USERNAME}"/>'</c:if>/><input type='password' name='password' id="password"/><input type="hidden" name="j_password" id="j_password"/><input type="checkbox" name="cookiePwd" id="cookiePwd" value="" style="background:none;width:20px;border:none;"/>记住此密码<a href="#"><img src="./img/btn_dl.gif" onclick="doLogin()"/></a><!-- 登录按钮--><a href="#"><img src="./img/btn_reset.gif" onclick="doReset()"/></a><!-- 重置按钮-->
页面格局如下:
3. 实现登录事件(当用户点击登录后,保存用户名、密码到本地Cookie中)
<script type="text/javascript"> function doLogin() { /** 实现记住密码功能 */ var $n = $('#j_username'); var $p = $('#password'); var n = $n.val(); var p = $p.val(); if(n==null || n==''){ alert('请输入用户名!'); $n.focus(); return; } if(p==null || p==''){ alert('请输入密码!'); $p.focus(); return; } if($('#cookiePwd').attr('checked')){ $.cookie('username', n, {expires:7}); $.cookie('password', p, {expires:7}); }else{ $.cookie('username', null); $.cookie('password', null); } $('#j_username').val(n); $('#j_password').val(hex_md5(p)); //密码加密 var p1 = document.forms[0].password; var p2 = document.forms[0].j_password; p2.value = hex_md5(p1.value); document.forms[0].submit(); } </script>
这样,保存用户名密码到Cookie功能就实现了。
4 实现初始化事件:当用户打开登录页面时,如果上次操作选择了记住密码功能,则初始化上次输入的用户名密码:
script type="text/javascript">(function(){var n = $.cookie('username'); var p = $.cookie('password'); if(n!=null) $('#j_username').val(n); if(p!=null) $('#password').val(p); if(p!=null){ $('#cookiePwd').attr('checked', true); }else{ $('#cookiePwd').attr('checked', false); } $('#cookiePwd').click(function(){if($(this).attr('checked')){$('#cookieInfo').attr('checked', true);}});$('#password').keypress(function(e){if(e.which == 13){ //EnterdoLogin();}});}); </script>
通过以上操作,实现记住用户名、密码功能就完成了,赶紧试试吧!
- java实现应用程序记住用户名、密码功能
- Java:Cookie实现记住用户名、密码
- Java:Cookie实现记住用户名、密码
- java实现记住密码功能
- flex 登录时记住用户名和密码功能实现
- flex 登录时记住用户名和密码功能实现
- flex 登录时记住用户名和密码功能实现
- Jquery 实现 “下次自动登录” 记住用户名密码功能
- Cookie操作类 实现记住用户名和密码的功能
- 使用 SharedPreferences 实现记住用户名和密码功能
- Jquery 实现 “下次自动登录” 记住用户名密码功能
- Android 实现记住用户名和密码的功能
- 安卓 实现记住用户名和密码功能
- Android 实现记住用户名和密码的功能
- Android 实现记住用户名和密码的功能
- Android 实现记住用户名和密码的功能
- Android 实现记住用户名和密码的功能
- Android 实现记住用户名和密码的功能
- Android 中的 Service 全面总结
- 关于复制构造函数(拷贝构造函数)和赋值操作符(拷贝赋值函数)应该知道的
- 读取网络文件遇到的问题。
- junit 4.10
- linux的自旋锁struct spinlock_t的使用
- java实现应用程序记住用户名、密码功能
- 关闭vim自动语法折叠
- 建立一个最简单的项目,实践cobertura在maven中应用
- Eclipse : Class file name must end with .class exception in Java Search
- 解决/usr/bin/ld: cannot find -lxxx 问题
- 开源了as写的xmpp协议栈和多维运动图表motionchart项目在github
- 开启Tomcat的JMX监控
- c#,.net 下载文件 设置断点
- STL学习笔记----13.STL算法之 (变序性算法)