JQuery記住用戶名密碼實現下次自動登錄功能

2024-05-06 16:18:51

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了JQuery記住用戶名密碼實現下次自動登錄功能,本文直接給出實現代碼,需要的朋友可以參考下

Jquery將用戶名密碼存儲到cookie中

需要導入jquery.js和jquery.cookie.js

<html>

<head>

<title>test cookie</title>

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<script src="Scripts/jquery.cookie.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function () {

if ($.cookie("rmbUser") == "true") {

$("#ck_rmbUser").attr("checked", true);

$("#txt_username").val($.cookie("username"));

$("#txt_password").val($.cookie("password"));

}

});

//記住用戶名密碼

function Save() {

if ($("#ck_rmbUser").attr("checked")) {

var str_username = $("#txt_username").val();

var str_password = $("#txt_password").val();

$.cookie("rmbUser", "true", { expires: 7 }); //存儲一個帶7天期限的cookie

$.cookie("username", str_username, { expires: 7 });

$.cookie("password", str_password, { expires: 7 });

}

else {

$.cookie("rmbUser", "false", { expire: -1 });

$.cookie("username", "", { expires: -1 });

$.cookie("password", "", { expires: -1 });

}

};

</script>

</head>

<body>

<div>

用戶名：<input type="text" id="txt_username"/><br />

密碼：<input type="text" id="txt_password"/><br />

<input type="checkbox" id="ck_rmbUser"/>記住用戶名和密碼<br />

<input type="submit" id="sub" value="登錄" onclick="Save()"/>

</div>

</body>

</html>