layui更改密码后,弹出消息解决

$.post(save_url,{
            oldpassword: oldpassword
            ,newpassword: newpassword
            ,twopassword: twopassword
    },function(result){
            if(result.success){
                layer.closeAll();//关闭动画
                // layer.msg(result.msg, { time: 1500 }, function () {
                //     // top.location.href="/user/logout";//修改密码成功返回到登录页面
                // });
                layer.msg(result.msg,{ time: 1500 },function () {
                    parent.layer.close(parent.layer.getFrameIndex(window.name))
                });//在更改密码之后,弹出修改成功1.5秒后,关闭修改密码的弹窗
            }else{
                layer.closeAll();
                layer.msg(result.msg);
            }
        },'json');
在这里插入代码片
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用LayUI框架中的模态框来实现这个功能,以下是一个简单的示例: 1. 在JSP页面中引入jQuery和LayUI框架的相关文件: ```html <!-- 引入jQuery文件 --> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <!-- 引入LayUI框架的JS和CSS文件 --> <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css"> <script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script> ``` 2. 创建一个按钮,添加点击事件,触发模态框弹出: ```html <button class="layui-btn layui-btn-normal" id="editUserBtn">修改用户信息</button> ``` 3. 创建一个模态框,包含用户信息的表单: ```html <div id="editUserModal" class="layui-layer layui-layer-page" style="display:none;"> <div class="layui-layer-title">修改用户信息</div> <div class="layui-layer-content"> <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input type="text" id="username" name="username" lay-verify="required" autocomplete="off" placeholder="请输入用户名" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密码</label> <div class="layui-input-block"> <input type="password" id="password" name="password" lay-verify="required" autocomplete="off" placeholder="请输入密码" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">邮箱</label> <div class="layui-input-block"> <input type="email" id="email" name="email" lay-verify="required|email" autocomplete="off" placeholder="请输入邮箱" class="layui-input"> </div> </div> </form> </div> <div class="layui-layer-btn layui-layer-btn-"> <a class="layui-layer-btn0" id="saveEditBtn">保存修改</a> <a class="layui-layer-btn1">关闭</a> </div> </div> ``` 4. 在JavaScript代码中添加保存修改按钮的点击事件,获取表单中的数据并提交到后台: ```javascript $(function() { // 点击修改用户信息按钮 $('#editUserBtn').click(function() { // 打开模态框 layer.open({ type: 1, area: ['500px', '300px'], title: false, closeBtn: false, shadeClose: true, content: $('#editUserModal'), success: function(layero, index) { // 初始化表单数据 $('#username').val('张三'); $('#password').val('123456'); $('#email').val('zhangsan@example.com'); } }); }); // 点击保存修改按钮 $('#saveEditBtn').click(function() { // 获取表单数据 var username = $('#username').val(); var password = $('#password').val(); var email = $('#email').val(); // TODO: 将表单数据提交到后台处理 // 关闭模态框 layer.close(layer.index); }); }); ``` 以上是一个简单的示例,您可以根据实际需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值