JQuery实现记住用户名和密码

来源：互联网发布：虚拟机软件vmware下载编辑：程序博客网时间：2024/05/16 04:23

HTML Code

<div>      <input id="username" type="text" class="txt1"  value="请输入用户名" onclick="if(this.value=='请输入用户名'){this.value=''; }" onfocus="if(this.value=='请输入用户名'){this.value=''; }" />      <input id="password" type="text" class="txt2"  value="请输入密码"  onclick="if(this.value=='请输入密码'){this.value='';this.type='password';}" onfocus="if(this.value=='请输入密码'){this.value='';this.type='password';}"/></div>

JQuery Code

$(document).ready(function(){      if ($.cookie("rmbUser") == "true") {            $("#ck_rmbUser").prop("checked", true);            $("#username").val($.cookie("username"));            $("#password").remove();            $("#pass").append("<input id='password' type='password' class='txt2'/>");            $("#password").val($.cookie("password"));      }      $("#loginButton").click(function(){            if(check()){                   login();               }      });});//记住用户名密码function save() {      if ($("#ck_rmbUser").prop("checked")) {            var username = $("#username").val();            var password = $("#password").val();            $.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie            $.cookie("username", username, { expires: 7 });            $.cookie("password", password, { expires: 7 });      }else{            $.cookie("rmbUser", "false", { expire: -1 });            $.cookie("username", "", { expires: -1 });            $.cookie("password", "", { expires: -1 });      }};function check(){      var username = $("#username").val();      var password = $("#password").val();      if(username == "" || username == "请输入用户名"){         $("#tip").text("请输入用户名!");         $("#username").focus();         return false;      }      if(password == "" || password == "请输入密码"){         $("#tip").text("请输入密码!");         $("#password").focus();         return false;      }      $("#tip").text("");      return true;}function login(){     $.ajax({           type:"POST",           url: "login!loginValidate.action",           data:{userName:$("#username").val(),password:$("#password").val()},           dataType:"json",           beforeSend: function(){                showOverlay();           },           success:function(data){                if(data.success){                      addCookie("userName", $("#username").val(), 0);                      save();                      location.href = "/index.jsp";                   }else{                      $("#overlay").hide();                      $("#tip").text("用户名或密码错误，请重新登录！");                      return false;                    }                                     }                });}

0 0