updatePassword.html 5.3 KB
<!DOCTYPE html>
<#include "/common/common.html" >
<html>
<head>
  <#include "/common/head.html" >
</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">修改密码</div>
                <div class="layui-card-body" pad15>

                    <div class="layui-form" lay-filter="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">当前密码</label>
                            <div class="layui-input-inline">
                                <input type="password" name="oldPassword" id="oldPassword" lay-verify="required" lay-verType="tips" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">新密码</label>
                            <div class="layui-input-inline">
                                <input type="password" name="password"  lay-verify="pass" lay-verType="tips" autocomplete="off" id="LAY_password" class="layui-input">
                            </div>
                            <div class="layui-form-mid layui-word-aux">6到16个字母或数字</div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">确认新密码</label>
                            <div class="layui-input-inline">
                                <input type="password" name="repassword" id="rePassword" lay-verify="repass" lay-verType="tips" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="setmypass" id="btn_ok">确认修改</button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>



<script src="${ctx}/js/jquery.js" type="text/javascript"></script>
<script src="${ctx}/layuiadmin/layui/layui.js"></script>
<script type="text/javascript">

    var isAccountStatus = false;
    var user  = '${user}';
    var jsonUser  = JSON.parse(user);
    layui.use(['layer'], function() {
        var $ = layui.jquery,
            layer = layui.layer;

        //点击了确认修改
        $("#btn_ok").click(function () {
            //数据库中原密码
            var old_password = jsonUser.password;
            //输入的原密码
            var oldPassword = $("#oldPassword").val();
            //新密码
            var newPassword = $("#LAY_password").val();
            //第二次输入的密码
            var rePassword = $("#rePassword").val();

            if (checkIsNull(oldPassword)){
                layer.msg("请输入原密码",{icon:5,time:1000});
                $("#oldPassword").addClass("layui-form-danger");
                return;
            }

            if (checkIsNull(newPassword)){
                layer.msg("新密码不能为空!",{icon:5,time:1000});
                $("#LAY_password").addClass("layui-form-danger");
                return;
            }

            if (old_password != oldPassword){
                layer.msg("原密码输入不正确!",{icon:5,time:1000});
                return;
            }

            var uPattern = /^[a-zA-Z0-9]{6,16}$/;
            if (!uPattern.test(newPassword)){
                layer.msg("新密码格式不正确!",{icon:5,time:1000});
                return;
            }

            if (newPassword != rePassword){
                layer.msg("两次输入的密码不一致!",{icon:5,time:1000});
                return;
            }

            $.ajax({
                url:'${ctx}/memberCenter/updatePassword',
                type:'post',
                data:{
                    'password' : newPassword
                },
                dataType : 'json',
                success : function (resp) {
                    if (resp.code === 0){
                        layer.msg("密码修改成功!",{icon:1,time:1000},function () {
                            window.location.href="${ctx}/memberCenter/password";
                        });
                    } else{
                        layer.msg("密码修改失败,请稍后再试!",{icon:5,time:1000});
                    }
                },
                error : function () {
                    layer.msg('服务器繁忙,请稍后再试', {
                        offset: '15px'
                        , icon: 9
                        , time: 2000
                    });
                }
            })

        });




    });

    //=================================COMMON====================================


    function checkIsNull(val) {
        return val === "" || val === undefined || val === null;
    }

    function setAccountStatus(status) {
        isAccountStatus = status;
    }

  </script>
</body>
</html>