<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form name="login">
<div>用户名<input type="text" name="username" id="username"></div>
<div>密码<input type="password" name="password" id="password"></div>
<input type="checkbox" name="remUser" id="remUser">
<input type="submit" name="submit" value="提交" id="submit">
</form>
<script src="jquery-1.11.3.min.js"></script>
<script src="jquery.cookie.js"></script>
<script>
$(document).ready(function() {
if($.cookie("remUser")=="true"){
$("#remUser").prop('checked', 'true');
$("#username").val($.cookie("username"));
$("#password").val($.cookie("password"));
};
// 保存用户信息
function saveInfo(){
if($("#remUser").is(':checked')){
var username=$("#username").val();
var password=$("#password").val();
$.cookie("remUser","true",{expires:7});
$.cookie("username",username,{expires:7});
$.cookie("password",password,{expires:7});
}else{
$.cookie("remUser","false",{expires:-1});
$.cookie("username","",{expires:-1});
$.cookie("password","",{expires:-1});
};
};
$("#submit").click(function() {
saveInfo();
});
});
</script>
</body>
</html>
需要用到jquery.cookie.js插件,非常好用
jquery记住登录密码
最新推荐文章于 2022-12-06 14:02:46 发布