好资源导航 » 文章资讯 » 使用jquery的cookie实现登录页记住用户名和密码的方法

使用jquery的cookie实现登录页记住用户名和密码的方法

2023-08-26 21:38:06 65

对于初学者来说，登录页记住用户名和密码的功能是经常会遇到的（通常会用javaee的api去实现），今天为大家介绍在前端页面直接用jquery实现该功能（比传统的方法简单多了），长话短说直接进入正题：

在项目中加入jquery.js和jquery.cookie.js两个依赖文件，并加入对应的页面中如：

form表单



用户名

密码

记住用户名 <#iferrMsg??> 用户名或密码错误

js函数


$(function(){
varyhm=$.cookie('yhm');
varmm=$.cookie('mm');
//页面加载的时候从cookie中取出用户名和密码填充对应的输入框
$('#yhm').val(yhm);
$("#mm").val(mm)
//选中保存秘密的复选框
if(yhm!=null&&yhm!=''&&mm!=null&&mm!=''){
$("#remeberyhm").attr('checked',true);
}
});
functionremeber(){
varyhm=$("#yhm").val();
varmm=$("#mm").val();
//判断复选框的选择状态添加cookie
if($("#remeberyhm").is(":checked")){
//存储一个带7天期限的cookie
$.cookie("yhm",yhm,{expires:7});
$.cookie("mm",mm,{expires:7});
}
else{
$.cookie("yhm","",{expires:-1});
$.cookie("mm","",{expires:-1});
}
//提交表单
$("#login_form").submit();
}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对毛票票的支持。如果你想了解更多相关内容请查看下面相关链接

返回顶部
514930285
czq8825@qq.com

使用jquery的cookie实现登录页记住用户名和密码的方法

热门推荐

随机推荐