JQuery实现记住用户名和密码

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;
                    }
                        
             }          
      });
}