사용자 이름과 비밀번호를 기억하는 JQuery의 특정 구현

코드 복사 코드는 다음과 같습니다.

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';}"/>

JQuery 코드

코드 복사 코드는 다음과 같습니다.

$(document).ready(function(){
if ($.cookie ("rmbUser") == "true") {
$("#ck_rmbUser").prop("checked", true)
$("#username").val ($.cookie(" 사용자 이름"));
$("#password").remove()
$("#pass").append("");
$("#password").val($.cookie("password"));
}
$("#loginButton" ).click(function( ){
if(check()){
login();
}
})


//사용자 이름 비밀번호 기억
function save() {
if ($("#ck_rmbUser").prop("checked")) {
var 사용자 이름 = $("#username").val( );
var 비밀번호 = $("#password").val();
$.cookie("rmbUser", "true", { 만료: 7 }); -만료일
$.cookie("username", 사용자 이름, { 만료: 7 })
$.cookie("password", 비밀번호, { 만료: 7 });
$.cookie("rmbUser", "false", { 만료: -1 })
$.cookie("사용자 이름", "", { 만료: -1 })
$. cookie("password", "", { 만료: -1 })
}
}

function check(){
var 사용자 이름 = $("#username") .val();
var 비밀번호 = $("#password").val();
if(username == "" || 사용자 이름 == "사용자 이름을 입력하세요"){
$ ("#tip") .text("사용자 이름을 입력하세요!")
$("#username").focus()
return false
}
if(password = = "" || 비밀번호 == "비밀번호를 입력하세요"){
$("#tip").text("비밀번호를 입력하세요!")
$("#password").focus ();
false 반환
}
$("#tip").text("")
true 반환
}

함수 로그인() {
$.ajax( {
유형:"POST",
url: "login!loginValidate.action",
data:{userName:$("#username").val() ,password:$("#password ").val()},
dataType: "json",
beforeSend: function(){
showOverlay()
},
성공 :function(data){
if(data.success){
addCookie("userName", $("#username").val(), 0)
save(); location.href = "/index.jsp";
}else{
$("#overlay").hide()
$("#tip").text("사용자 이름 또는 비밀번호 틀렸습니다. 다시 로그인해주세요! ");
false 반환;
}

}
});
}