| Your Name | 695f6a6 | 2025-05-17 00:58:04 +0800 | [diff] [blame] | 1 | <!-- src/main/resources/static/register.html --> |
| 2 | <!DOCTYPE html> |
| 3 | <html lang="zh-CN"> |
| 4 | <head> |
| 5 | <meta charset="UTF-8"> |
| 6 | <title>注册</title> |
| 7 | </head> |
| 8 | <body> |
| 9 | <h2>用户注册</h2> |
| 10 | <form id="regForm"> |
| 11 | <label>用户名：</label> |
| 12 | <input type="text" name="username" required> |
| 13 | <label>邮箱：</label> |
| 14 | <input type="email" name="email" required> |
| 15 | <button type="button" id="sendCode">发送验证码</button> |
| 16 | <label>邮箱验证码：</label> |
| 17 | <input type="text" name="verificationCode" required> |
| 18 | <label>密码：</label> |
| 19 | <input type="password" name="password" required> |
| 20 | <label>身份证号（8 位数字）：</label> |
| 21 | <input type="number" name="identificationNumber" required> |
| Your Name | 695f6a6 | 2025-05-17 00:58:04 +0800 | [diff] [blame] | 22 | <button type="submit">注册</button> |
| 23 | </form> |
| 24 | <script> |
| 25 | document.getElementById('sendCode') |
| 26 | .addEventListener('click', async () => { |
| 27 | const form = new URLSearchParams(); |
| 28 | form.set('email', document.querySelector('[name=email]').value); |
| Your Name | 695f6a6 | 2025-05-17 00:58:04 +0800 | [diff] [blame] | 29 | const res = await fetch('/sendVerification', { |
| 30 | method: 'POST', |
| 31 | body: form |
| 32 | }); |
| 33 | alert((await res.json()).msg); |
| 34 | }); |
| 35 | document.getElementById('regForm') |
| 36 | .addEventListener('submit', async e => { |
| 37 | e.preventDefault(); |
| 38 | const form = new URLSearchParams(new FormData(e.target)); |
| 39 | const res = await fetch('/register', { |
| 40 | method: 'POST', |
| 41 | body: form |
| 42 | }); |
| 43 | const json = await res.json(); |
| 44 | alert(json.msg); |
| 45 | if (res.ok && json.code===0) { |
| 46 | window.location.href='login.html'; |
| 47 | } |
| 48 | }); |
| 49 | </script> |
| 50 | </body> |
| 51 | </html> |