71 lines
2.1 KiB
HTML
71 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.jade.min.css"
|
|
>
|
|
<title>Server Login</title>
|
|
<style>
|
|
body {
|
|
height: 100vh;
|
|
width: 100vw;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h3>欢迎注册 UAuth</h3>
|
|
<form action="/api/oauth/v2/registry/user" method="POST" id="form">
|
|
<fieldset>
|
|
<label>
|
|
用户名
|
|
<input id="username" name="username" autocomplete="given-name"/>
|
|
</label>
|
|
<label>
|
|
昵称
|
|
<input id="nickname" name="nickname" autocomplete="given-name"/>
|
|
</label>
|
|
<label>
|
|
密码
|
|
<input id="password" type="password" name="password" autocomplete="password"/>
|
|
</label>
|
|
<label>
|
|
重复密码
|
|
<input id="confirm_password" type="password" name="confirm_password" autocomplete="password"/>
|
|
</label>
|
|
<button type="button" style="flex: 1;width: 100%;" onclick="registry()">注册</button>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<script type="text/javascript">
|
|
function registry() {
|
|
let user = {
|
|
username: document.querySelector("#username").value,
|
|
nickname: document.querySelector("#nickname").value,
|
|
password: document.querySelector("#password").value,
|
|
confirm_password: document.querySelector("#confirm_password").value,
|
|
}
|
|
|
|
console.log('[D] user = ', user)
|
|
|
|
if (!user.username || !user.password || !user.nickname) {
|
|
window.alert("参数均不能为空")
|
|
return
|
|
}
|
|
|
|
if (user.password !== user.confirm_password) {
|
|
window.alert("两次密码不一致")
|
|
return
|
|
}
|
|
|
|
document.querySelector("#form").submit()
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|