完成10%

profile-security.html

@@ -63,7 +63,6 @@
                   <label for="confirmPassword">确认新密码</label>
                   <input id="confirmPassword" name="confirmPassword" type="password" autocomplete="new-password" required />
                 </div>
-                <input name="validToken" type="hidden" />
                 <div class="bottom-actions">
                   <button class="btn primary magnetic" type="submit">修改密码</button>
                   <span class="api-status" data-security-status>等待提交</span>
@@ -77,7 +76,15 @@
                 <div class="editor-two">
                   <div class="editor-field">
                     <label for="newPhone">新手机号</label>
-                    <input id="newPhone" name="newPhone" type="tel" required />
+                    <input
+                      id="newPhone"
+                      name="phone"
+                      type="tel"
+                      inputmode="numeric"
+                      maxlength="11"
+                      autocomplete="tel"
+                      required
+                    />
                   </div>
                   <div class="editor-field">
                     <label for="phoneSmsCode">短信验证码</label>
@@ -94,23 +101,33 @@
             </section>
             <section class="module-panel security-danger">
               <h2>注销账号</h2>
-              <!-- 注销账号属于敏感操作，必须填写当前密码并输入确认文本。 -->
+              <p>验证已绑定手机号的短信验证码后提交注销申请。</p>
               <form class="editor-form security-form" data-security-form="deactivate">
                 <div class="editor-field">
-                  <label for="deactivatePassword">当前密码</label>
-                  <input id="deactivatePassword" name="password" type="password" autocomplete="current-password" required />
-                </div>
-                <div class="editor-field">
-                  <label for="deactivateReason">注销原因</label>
-                  <textarea id="deactivateReason" name="reason" placeholder="可选"></textarea>
+                  <label for="deactivateSmsCode">短信验证码</label>
+                  <input
+                    id="deactivateSmsCode"
+                    name="smsCode"
+                    type="text"
+                    inputmode="numeric"
+                    maxlength="6"
+                    autocomplete="one-time-code"
+                    required
+                  />
+                  <button class="btn ghost magnetic" type="button" data-security-send-deactivate-code>
+                    获取验证码
+                  </button>
+                  <p class="api-status" data-security-bound-phone>正在读取已绑定手机号</p>
                 </div>
                 <div class="editor-field">
                   <label for="confirmText">确认文本</label>
                   <input id="confirmText" name="confirmText" type="text" placeholder="请输入：确认注销" required />
                 </div>
+                <input name="validToken" type="hidden" />
                 <div class="bottom-actions">
                   <button class="btn primary magnetic" type="submit">提交注销</button>
                   <button class="btn ghost magnetic" type="button" data-security-logout>退出登录</button>
+                  <span class="api-status" data-security-status>等待验证</span>
                 </div>
               </form>
             </section>