fix: email after captcha, captcha required before sending code
This commit is contained in:
@@ -14,8 +14,6 @@ const RegisterPage = {
|
||||
<div class="form-group"><label>登录密码</label><input type="password" id="rp" required placeholder="至少6位"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group"><label>邮箱</label><input type="email" id="re" required placeholder="用于接收验证码"></div>
|
||||
|
||||
<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 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"><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 ? `
|
||||
<div class="form-group"><label>人机验证</label>
|
||||
<div style="display:flex;align-items:center;gap:10px">
|
||||
@@ -39,6 +30,16 @@ const RegisterPage = {
|
||||
</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="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>
|
||||
@@ -53,9 +54,8 @@ const RegisterPage = {
|
||||
|
||||
toggleSource() {
|
||||
const src = document.getElementById('rs').value;
|
||||
const labels = { netease:['游戏名称','网易UID'], skin:['游戏名称','皮肤站UUID(自动获取)'] };
|
||||
document.getElementById('rs-label1').textContent = labels[src][0];
|
||||
document.getElementById('rs-label2').textContent = labels[src][1];
|
||||
document.getElementById('rs-label1').textContent = '游戏名称';
|
||||
document.getElementById('rs-label2').textContent = src === 'netease' ? '网易UID' : '皮肤站UUID(自动获取)';
|
||||
document.getElementById('uid-group').style.display = src === 'netease' ? '' : 'none';
|
||||
document.getElementById('rgu').required = src === 'netease';
|
||||
},
|
||||
@@ -68,6 +68,8 @@ const RegisterPage = {
|
||||
this.toggleSource();
|
||||
|
||||
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();
|
||||
if (!email) { alert('请先填写邮箱'); return; }
|
||||
const btn = document.getElementById('send-code-btn');
|
||||
@@ -75,7 +77,7 @@ const RegisterPage = {
|
||||
try {
|
||||
const r = await API.post('/auth/send-verify-code', { email });
|
||||
this.codeId = r.code_id;
|
||||
if (r.dev) alert('开发模式,验证码: ' + r.code);
|
||||
if (r.dev) alert('验证码: ' + r.code);
|
||||
btn.textContent = '\u2713 已发送';
|
||||
document.getElementById('vf-code').focus();
|
||||
} catch(ex) { alert(ex.message); btn.disabled = false; btn.textContent = '发送验证码'; }
|
||||
|
||||
Reference in New Issue
Block a user