JQuery记住用户名和密码的具体实现

代码如下:

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

} 

} 

}); 

}