Files

119 lines
6.4 KiB
HTML

<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>银河锋锐工作室账户后台系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="/css/font.css">
<link rel="stylesheet" href="/css/xadmin.css">
<link rel="stylesheet" href="/css/win10ui.css">
<link rel="stylesheet" href="/css/theme.css">
<script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/xadmin.js"></script>
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>window.breadcrumbs = [{name: "首页", url: ""},{name: "用户", url: ""},{name: "修改密码"}];</script>
<script src="/js/address.bar.js"></script>
</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 ">
<form action="" id="config">
<div class="layui-form">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<div class="layui-form-item">
<label class="layui-form-label">旧密码</label>
<div class="layui-input-block">
<input type="password" name="old_passwd" lay-verify="required|pass" placeholder="请输入"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">新密码</label>
<div class="layui-input-block">
<input type="password" name="passwd1" lay-verify="required|pass" placeholder="请输入"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">重复新密码</label>
<div class="layui-input-block">
<input type="password" name="passwd2" lay-verify="required|pass" placeholder="请输入"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['form', 'laydate'], function () {
$ = layui.jquery;
var form = layui.form;
var layer = layui.layer;
var laydate = layui.laydate;
form.verify({
pass: [
function(value) {
if (value.length > 20) {
return '密码长度不能超过20个字符';
}
const illegalChars = `\\/:*?"<>!@#$%^&*()【】|、{}《》,。`;
const regex = new RegExp(`[${illegalChars.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')}]`, 'g');
if (regex.test(value)) {
return '密码包含非法字符:\\/:*?"<>!@#$%^&*()【】|、{}《》,。';
}
if (!/^[\S]+$/.test(value)) {
return '密码不能包含空格';
}
}
]
});
});
document.getElementById('config').addEventListener('submit', function(event) {
var loadIndexl = layer.load(2);
event.preventDefault();
const formData = new FormData(this);
fetch('/api/gerp/user/modify-password/', {
method: 'POST',
body: formData,
credentials: 'include'
})
.then(response => {
layer.close(loadIndexl);
if (!response.ok) {throw new Error(`HTTP error! status: ${response.status}`)}
return response.json();
})
.then(data => {
if (data.code === 0) {
Toast.success('UGM 变更操作', data.msg, 3000);
TempLate("/api/gerp/user/center-card/", window.parent.document);
} else if (data.code === 1) {
Toast.error('UGM 变更操作', `操作失败,错误:${data.msg}`, 3000);
console.error('错误详情:', data.msg);
}
return data;
})
.catch(error => {
Toast.error('UGM 变更操作', `请求失败,错误:${error}`, 3000);
});
});
</script>
</body>
</html>