等待后端更新接口

forgot-password.html

@@ -21,43 +21,28 @@
         <div class="eyebrow">Password Recovery</div>
         <h1 id="recover-title">找回密码</h1>
         <p class="lead">输入注册手机号，获取验证码后重设登录密码。</p>
-        <form id="password-reset-form" class="form-grid">
-          <input
-            class="input"
-            name="phone"
-            type="tel"
-            inputmode="numeric"
-            autocomplete="tel"
-            maxlength="11"
-            placeholder="手机号"
-          />
-          <div class="code-row">
-            <input
-              class="input"
-              name="smsCode"
-              autocomplete="one-time-code"
-              inputmode="numeric"
-              maxlength="4"
-              pattern="\d{4}"
-              placeholder="验证码"
-            />
-            <button class="btn ghost" type="button" data-api-send-code>获取验证码</button>
+        <form id="password-reset-form" class="form-grid" novalidate>
+          <label class="auth-field" for="reset-phone">
+            <span>手机号 <b aria-hidden="true">*</b></span>
+            <input id="reset-phone" class="input" name="phone" type="tel" inputmode="numeric" autocomplete="tel" maxlength="11" placeholder="请输入注册手机号" required />
+          </label>
+          <div class="auth-field">
+            <label for="reset-sms-code">短信验证码 <b aria-hidden="true">*</b></label>
+            <div class="code-row">
+              <input id="reset-sms-code" class="input" name="smsCode" autocomplete="one-time-code" inputmode="numeric" maxlength="4" pattern="\d{4}" placeholder="请输入四位验证码" required />
+              <button class="btn ghost" type="button" data-api-send-code>获取验证码</button>
+            </div>
           </div>
-          <input
-            class="input"
-            name="newPassword"
-            type="password"
-            autocomplete="new-password"
-            placeholder="新密码"
-          />
-          <input
-            class="input"
-            name="confirmPassword"
-            type="password"
-            autocomplete="new-password"
-            placeholder="确认新密码"
-          />
+          <label class="auth-field" for="reset-password">
+            <span>新密码 <b aria-hidden="true">*</b></span>
+            <input id="reset-password" class="input" name="newPassword" type="password" autocomplete="new-password" placeholder="至少六位" required />
+          </label>
+          <label class="auth-field" for="reset-confirm-password">
+            <span>确认新密码 <b aria-hidden="true">*</b></span>
+            <input id="reset-confirm-password" class="input" name="confirmPassword" type="password" autocomplete="new-password" placeholder="请再次输入新密码" required />
+          </label>
           <input type="hidden" name="validToken" />
+          <div id="reset-status" class="auth-form-status" role="status" aria-live="polite" data-auth-form-status></div>
           <button class="btn primary" type="submit">重设密码</button>
         </form>
       </section>
@@ -73,6 +58,7 @@
     <script src="public/layui/layui.js"></script>
     <script src="public/tac/js/tac.min.js"></script>
     <script src="public/js/captcha-pages.js"></script>
+    <script src="public/js/profile-common.js"></script>
     <script src="public/js/auth-pages.js"></script>
     <script src="public/js/page-effects.js"></script>
   </body>