lijian541x
/
ema_project


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>修改密码</title>
    <link rel="stylesheet" href="../../lib/layui/css/layui.css">
    <style>
        body { padding: 20px; }
        .required { color: #ff5722; }
    </style>
</head>
<body>
    <form class="layui-form" lay-filter="pwdForm" id="pwdForm">
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>原密码</label>
            <div class="layui-input-block">
                <input type="password" name="oldPassword" lay-verify="required" placeholder="请输入原密码" class="layui-input">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>新密码</label>
            <div class="layui-input-block">
                <input type="password" name="newPassword" lay-verify="required|password" placeholder="请输入新密码" class="layui-input">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>确认密码</label>
            <div class="layui-input-block">
                <input type="password" name="confirmPassword" lay-verify="required|confirmPwd" placeholder="请再次输入新密码" class="layui-input">
            </div>
        </div>
        
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn" lay-submit lay-filter="submitForm">提交</button>
            </div>
        </div>
    </form>
    
    <script src="../../lib/jquery.min.js"></script>
    <script src="../../lib/layui/layui.js"></script>
    <script src="../../js/config.js"></script>
    <script src="../../js/common.js"></script>
    <script>
        layui.use(['form', 'layer'], function() {
            var form = layui.form;
            var layer = layui.layer;
            
            // 自定义验证
            form.verify({
                password: [/^[\S]{6,16}$/, '密码必须6到16位，且不能出现空格'],
                confirmPwd: function(value) {
                    var newPwd = $('input[name="newPassword"]').val();
                    if (value !== newPwd) {
                        return '两次密码输入不一致';
                    }
                }
            });
            
            // 提交表单
            form.on('submit(submitForm)', function(data) {
                var fieldData = data.field;
                
                Common.ajax({
                    url: Config.api.updatePwd,
                    type: 'POST',
                    data: {
                        oldPassword: fieldData.oldPassword,
                        newPassword: fieldData.newPassword
                    },
                    success: function(res) {
                        Common.success('密码修改成功，请重新登录', function() {
                            localStorage.clear();
                            parent.location.href = '../index.html';
                        });
                    }
                });
                
                return false;
            });
        });
    </script>
</body>
</html>