个人冲刺（8）

个人冲刺（8）
2025.4.28
实现了登录和注册的功能，其中注册有格式验证，注册完毕，自动跳转至登录页面

欢迎登录

用户名

密码

登录

还没有账号？注册账号

<!-- 注册表单 -->
<div id="register-form" class="hidden">
    <h2>注册新账号</h2>
    <div class="form-group">
        <label for="reg-username">用户名</label>
        <input type="text" id="reg-username" placeholder="请输入用户名">
    </div>
    <div class="form-group">
        <label for="reg-password">密码</label>
        <input type="password" id="reg-password" placeholder="请输入密码">
    </div>
    <div class="form-group">
        <label for="reg-confirm-password">确认密码</label>
        <input type="password" id="reg-confirm-password" placeholder="请再次输入密码">
    </div>
    <div class="form-group">
        <label for="reg-email">邮箱</label>
        <input type="email" id="reg-email" placeholder="请输入邮箱">
    </div>
    <div class="form-group">
        <label for="reg-phone">手机号</label>
        <input type="text" id="reg-phone" placeholder="请输入手机号">
    </div>
    <button class="register-btn" onclick="register()">注册</button>
    <div id="register-error" class="error"></div>
    <div id="register-success" class="success hidden">注册成功！3秒后返回登录页面...</div>
    <div class="register-link">
        已有账号？<a onclick="showLoginForm()">立即登录</a>
    </div>
</div>