JQuery 사용자 이름 및 암호 기억

3435 단어 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;
                    }
                        
             }          
      });
}

좋은 웹페이지 즐겨찾기