fix: email after captcha, captcha required before sending code

This commit is contained in:
2026-07-17 01:00:34 +08:00
parent 292c863d95
commit 982437af06

View File

@@ -14,8 +14,6 @@ const RegisterPage = {
<div class="form-group"><label>登录密码</label><input type="password" id="rp" required placeholder="至少6位"></div> <div class="form-group"><label>登录密码</label><input type="password" id="rp" required placeholder="至少6位"></div>
</div> </div>
<div class="form-group"><label>邮箱</label><input type="email" id="re" required placeholder="用于接收验证码"></div>
<div class="grid-2"> <div class="grid-2">
<div class="form-group"><label>帐号来源</label><select id="rs" onchange="RegisterPage.toggleSource()"><option value="netease">网易端</option><option value="skin">皮肤站</option></select></div> <div class="form-group"><label>帐号来源</label><select id="rs" onchange="RegisterPage.toggleSource()"><option value="netease">网易端</option><option value="skin">皮肤站</option></select></div>
<div class="form-group"><label id="rs-label1">游戏名称</label><input id="rgn" required placeholder="Minecraft ID"></div> <div class="form-group"><label id="rs-label1">游戏名称</label><input id="rgn" required placeholder="Minecraft ID"></div>
@@ -23,13 +21,6 @@ const RegisterPage = {
<div class="form-group" id="uid-group"><label id="rs-label2">网易UID</label><input id="rgu" placeholder="仅网易端必填"></div> <div class="form-group" id="uid-group"><label id="rs-label2">网易UID</label><input id="rgu" placeholder="仅网易端必填"></div>
<div class="form-group"><label>邮箱验证码</label>
<div style="display:flex;gap:8px">
<input id="vf-code" placeholder="6位数字" maxlength="6" pattern="[0-9]{6}" style="flex:1">
<button type="button" class="btn btn-o btn-sm" id="send-code-btn" style="white-space:nowrap">发送验证码</button>
</div>
</div>
${this.captcha ? ` ${this.captcha ? `
<div class="form-group"><label>人机验证</label> <div class="form-group"><label>人机验证</label>
<div style="display:flex;align-items:center;gap:10px"> <div style="display:flex;align-items:center;gap:10px">
@@ -39,6 +30,16 @@ const RegisterPage = {
</div> </div>
</div>` : ''} </div>` : ''}
<div class="form-group"><label>邮箱</label>
<div style="display:flex;gap:8px">
<input type="email" id="re" required placeholder="用于接收验证码" style="flex:1">
<button type="button" class="btn btn-o btn-sm" id="send-code-btn" style="white-space:nowrap">发送验证码</button>
</div>
</div>
<div class="form-group"><label>邮箱验证码</label>
<input id="vf-code" placeholder="6位数字" maxlength="6" pattern="[0-9]{6}">
<div id="regerr" class="alert alert-e hidden"></div> <div id="regerr" class="alert alert-e hidden"></div>
<div id="regok" class="alert alert-s hidden"></div> <div id="regok" class="alert alert-s hidden"></div>
<button type="submit" class="btn btn-p btn-lg w-full"><i class="fas fa-check"></i> 完成注册</button> <button type="submit" class="btn btn-p btn-lg w-full"><i class="fas fa-check"></i> 完成注册</button>
@@ -53,9 +54,8 @@ const RegisterPage = {
toggleSource() { toggleSource() {
const src = document.getElementById('rs').value; const src = document.getElementById('rs').value;
const labels = { netease:['游戏名称','网易UID'], skin:['游戏名称','皮肤站UUID(自动获取)'] }; document.getElementById('rs-label1').textContent = '游戏名称';
document.getElementById('rs-label1').textContent = labels[src][0]; document.getElementById('rs-label2').textContent = src === 'netease' ? '网易UID' : '皮肤站UUID(自动获取)';
document.getElementById('rs-label2').textContent = labels[src][1];
document.getElementById('uid-group').style.display = src === 'netease' ? '' : 'none'; document.getElementById('uid-group').style.display = src === 'netease' ? '' : 'none';
document.getElementById('rgu').required = src === 'netease'; document.getElementById('rgu').required = src === 'netease';
}, },
@@ -68,6 +68,8 @@ const RegisterPage = {
this.toggleSource(); this.toggleSource();
document.getElementById('send-code-btn').addEventListener('click', async () => { document.getElementById('send-code-btn').addEventListener('click', async () => {
const captcha = document.getElementById('captcha-a');
if (captcha && !captcha.value.trim()) { alert('请先完成人机验证'); return; }
const email = document.getElementById('re').value.trim(); const email = document.getElementById('re').value.trim();
if (!email) { alert('请先填写邮箱'); return; } if (!email) { alert('请先填写邮箱'); return; }
const btn = document.getElementById('send-code-btn'); const btn = document.getElementById('send-code-btn');
@@ -75,7 +77,7 @@ const RegisterPage = {
try { try {
const r = await API.post('/auth/send-verify-code', { email }); const r = await API.post('/auth/send-verify-code', { email });
this.codeId = r.code_id; this.codeId = r.code_id;
if (r.dev) alert('开发模式,验证码: ' + r.code); if (r.dev) alert('验证码: ' + r.code);
btn.textContent = '\u2713 已发送'; btn.textContent = '\u2713 已发送';
document.getElementById('vf-code').focus(); document.getElementById('vf-code').focus();
} catch(ex) { alert(ex.message); btn.disabled = false; btn.textContent = '发送验证码'; } } catch(ex) { alert(ex.message); btn.disabled = false; btn.textContent = '发送验证码'; }