Layui登陆记住密码

快来打我* 2021-08-13 22:09 798阅读 0赞

# 1.引入文件（jquery，jquery.cookie.js） #

**注意顺序（未包含layui，自行添加）**

# 2.代码 #

layui.use(['form'], function () { 
            var form = layui.form,
                layer = layui.layer;
    
            /*记住用户名和密码*/
            if ($.cookie("remember_user")) { 
                console.log($.cookie("user_name"))
                console.log($.cookie("user_password"))
                $("#remember_user").prop("checked", true);
                form.val("add_form",{ 
                    "username":$.cookie("user_name"),
                    "password":$.cookie("user_password")
                })
            }
    
            // 进行登录操作
            form.on('submit(login)', function (data) { 
                data = data.field;
                if (data.username == '') { 
                    layer.msg('用户名不能为空');
                    return false;
                }
                if (data.password == '') { 
                    layer.msg('密码不能为空');
                    return false;
                }
                if (data.captcha == '') { 
                    layer.msg('验证码不能为空');
                    return false;
                }
                //勾选记住密码
                if (data.remember_user== "on") { 
                    var user_name = data.username;
                    var user_password = data.password;
                    $.cookie("remember_user", "true", { 
                        expires: 7
                    }); // 存储一个带7天期限的 cookie
                    $.cookie("user_name", user_name, { 
                        expires: 7
                    }); // 存储一个带7天期限的 cookie
                    $.cookie("user_password", user_password, { 
                        expires: 7
                    }); // 存储一个带7天期限的 cookie
                } else { 
                    $.cookie("remember_user", "false", { 
                        expires: -1
                    }); // 删除 cookie
                    $.cookie("user_name", '', { 
                        expires: -1
                    });
                    $.cookie("user_password", '', { 
                        expires: -1
                    });
                }
                return true;//false不能提交
            });
        });