zoukankan      html  css  js  c++  java
  • Java实现应用程序记住用户名、密码功能

    1. 从网上下载jquery.cookie.js,拷贝到应用程序中。

    2. 登录页面(login.jsp)导入jquery.cookie.js

    <script type="text/javascript">
    $(function(){
    $("#btn").click(function(){
    var n = $("#username").val().trim();
    var p = $("#password").val().trim();

    if($('#cookiePwd').is(':checked')){
    $('#cookiePwd').attr("checked",true);
    $.cookie('username', n, {expires:7});
    $.cookie('password', p, {expires:7});
    //如果能匹配到说明是记住密码,将复选框设置为选中状态
    }else{
    $.cookie('username', null);
    $.cookie('password', null);
    }

    var n = $.cookie('username');
    var p = $.cookie('password');

    //当账号不为空的时候回显账号密码,如果没有密码回显的密码也为空,
    //当账号为空的时候回显两个空没意义
    if(n){
    $("#username").val(n);
    $("#password").val(p);
    }

    });

    $("#btn").attr({"type":"submit"});

    });
    </script>

    <div class="login-wrapper">
    <div class="login-area dib-m">
    <form action="login.do" method="post" id="" name="" class="form">
    <div id='btn_warning' class="bug-text" style="display: none;"></div>
    <div class="user textbox"><input type="text" id="username" name="username" value="" placeholder="请输入用户名" ></div>
    <div id='user_warning'class="bug-text"></div>
    <div class="pass textbox"><input type="password" id="password" name="password" value="" placeholder="请输入密码"></div>
    <div id='pass_warning' class="bug-text"></div>
    <div class="btn">
    <input type="button" class="login-btn dib-m" id="btn" value="登 录">
    <label class="dib-m">
    <em class="c9">记住密码</em>
    <input type="checkbox" checked class="checkbox checkbox-animbg dib-m" id="cookiePwd" ></label>
    </div>
    </form>
    </div>
    <div class="dib-m h"></div>
    </div>

  • 相关阅读:
    Eclipse集成Tomcat:6个常见的”how to”问题
    linux环境变量配置
    (原创)JS点击事件——Uncaught TypeError: Cannot set property 'onclick' of null
    [ JS 进阶 ] 闭包,作用域链,垃圾回收,内存泄露
    webstorm安装后的一些设置技巧:
    前端工程师的知识体系
    Git常用命令及软件推荐
    Vue.js双向绑定的实现原理
    GET和POST面试知识点
    CSS 巧用 :before和:after
  • 原文地址:https://www.cnblogs.com/jietz0407-com/p/6285651.html
Copyright © 2011-2022 走看看