115 lines
5.6 KiB
HTML
115 lines
5.6 KiB
HTML
<!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 href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||
<link href="/static/css/auth.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<!-- 主题切换器 -->
|
||
<div class="theme-switcher" id="theme-switcher">
|
||
<i class="fas fa-moon" id="theme-icon"></i>
|
||
</div>
|
||
|
||
<!-- 语言切换器 -->
|
||
<div class="language-switcher" id="language-switcher">EN</div>
|
||
|
||
<div class="content-wrapper">
|
||
<div class="auth-container">
|
||
<div class="logo-container">
|
||
<img src="https://git.sq0715.com/qin/icon/raw/branch/main/AI-icon.png" alt="Logo">
|
||
</div>
|
||
<h2>注册新账号</h2>
|
||
<div id="alertBox" class="alert d-none" role="alert"></div>
|
||
|
||
<div id="registrationForm">
|
||
<form id="userInfoForm">
|
||
<div class="form-group">
|
||
<label for="email">邮箱（用作登录名）</label>
|
||
<input type="email" class="form-control" id="email" name="email" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="password">密码</label>
|
||
<div class="password-container">
|
||
<input type="password" class="form-control" id="password" name="password" required
|
||
pattern=".{8,}" title="密码长度至少为8个字符">
|
||
<i class="fas fa-eye-slash password-toggle" id="togglePassword"></i>
|
||
</div>
|
||
<div class="helper-text">密码长度至少为8个字符</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="confirmPassword">确认密码</label>
|
||
<div class="password-container">
|
||
<input type="password" class="form-control" id="confirmPassword" name="confirmPassword" required>
|
||
<i class="fas fa-eye-slash password-toggle" id="toggleConfirmPassword"></i>
|
||
</div>
|
||
<div class="invalid-feedback" id="passwordMismatch">两次输入的密码不一致</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="name">姓名</label>
|
||
<input type="text" class="form-control" id="name" name="name" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>性别</label>
|
||
<div class="radio-group">
|
||
<div class="radio-option">
|
||
<input class="form-check-input" type="radio" name="gender" id="male" value="男" checked>
|
||
<label class="form-check-label" for="male">男</label>
|
||
</div>
|
||
<div class="radio-option">
|
||
<input class="form-check-input" type="radio" name="gender" id="female" value="女">
|
||
<label class="form-check-label" for="female">女</label>
|
||
</div>
|
||
<div class="radio-option">
|
||
<input class="form-check-input" type="radio" name="gender" id="other" value="其他">
|
||
<label class="form-check-label" for="other">其他</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="birthDate">出生日期</label>
|
||
<input type="date" class="form-control" id="birthDate" name="birthDate">
|
||
</div>
|
||
<div class="form-group">
|
||
<button type="submit" id="registerBtn" class="btn btn-primary">注册</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="verificationForm" class="d-none">
|
||
<p class="alert alert-info">
|
||
验证码已发送到您的邮箱，请在下方输入6位数验证码完成注册。
|
||
</p>
|
||
<form id="codeForm">
|
||
<div class="form-group">
|
||
<label for="verificationCode">验证码</label>
|
||
<input type="text" class="form-control" id="verificationCode" name="verificationCode"
|
||
required pattern="[0-9]{6}" maxlength="6">
|
||
</div>
|
||
<div class="form-group">
|
||
<button type="submit" id="verifyBtn" class="btn btn-success">验证</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="text-center mt-3">
|
||
<p>已有账号？<a href="/">立即登录</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer>
|
||
<p>© 2025 子尧中文文本分类系统 | 本科毕业设计作品</p>
|
||
</footer>
|
||
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||
<script src="/static/js/theme-switcher.js"></script>
|
||
<script src="/static/js/language-switcher.js"></script>
|
||
<script src="/static/js/register.js"></script>
|
||
</body>
|
||
</html>
|
||
|