| <!DOCTYPE html> |
| <html lang="zh-CN"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>重置密码</title> |
| </head> |
| <body> |
| <h2>重置密码</h2> |
| <form id="resetForm"> |
| <div> |
| <label>邮箱：</label> |
| <input type="email" name="email" required> |
| <button type="button" id="sendResetCode">获取重置验证码</button> |
| </div> |
| <div> |
| <label>验证码：</label> |
| <input type="text" name="code" required> |
| </div> |
| <div> |
| <label>新密码：</label> |
| <input type="password" name="newPassword" required> |
| </div> |
| <button type="submit">重置密码</button> |
| </form> |
| |
| <script> |
| // 发送重置验证码 |
| document.getElementById('sendResetCode').addEventListener('click', async () => { |
| const email = document.querySelector('[name=email]').value; |
| if (!email) { alert('请先输入邮箱'); return; } |
| const res = await fetch('/sendResetCode', { |
| method: 'POST', |
| headers: { 'Content-Type': 'application/json' }, |
| body: JSON.stringify({ email }) |
| }); |
| const json = await res.json(); |
| alert(json.msg || json.error); |
| }); |
| |
| // 提交重置请求 |
| document.getElementById('resetForm').addEventListener('submit', async e => { |
| e.preventDefault(); |
| const data = { |
| email: e.target.email.value, |
| code: e.target.code.value, |
| newPassword: e.target.newPassword.value |
| }; |
| const res = await fetch('/resetPassword', { |
| method: 'POST', |
| headers: { 'Content-Type': 'application/json' }, |
| body: JSON.stringify(data) |
| }); |
| const json = await res.json(); |
| alert(json.msg || json.error); |
| if (res.ok && json.code === 0) { |
| window.location.href = 'login.html'; |
| } |
| }); |
| </script> |
| </body> |
| </html> |