等待后端更新接口

register.html

@@ -20,52 +20,33 @@
       >
         <div class="eyebrow">Create Account</div>
         <h1 id="register-title">注册账号</h1>
-        <p class="lead">注册后即可创建家谱或通过邀请码加入家族。</p>
-        <form id="register-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>
+        <p class="lead">注册后即可创建家谱或申请加入家族。</p>
+        <form id="register-form" class="form-grid" novalidate>
+          <label class="auth-field" for="register-phone">
+            <span>手机号 <b aria-hidden="true">*</b></span>
+            <input id="register-phone" class="input" name="phone" type="tel" inputmode="numeric" autocomplete="tel" maxlength="11" placeholder="请输入手机号" required />
+          </label>
+          <div class="auth-field">
+            <label for="register-sms-code">短信验证码 <b aria-hidden="true">*</b></label>
+            <div class="code-row">
+              <input id="register-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="nickName"
-            autocomplete="nickname"
-            placeholder="昵称（选填）"
-          />
-          <input
-            class="input"
-            name="password"
-            type="password"
-            autocomplete="new-password"
-            placeholder="设置密码"
-          />
-          <input
-            class="input"
-            name="confirmPassword"
-            type="password"
-            autocomplete="new-password"
-            placeholder="确认密码"
-          />
+          <label class="auth-field" for="register-nickname">
+            <span>昵称（选填）</span>
+            <input id="register-nickname" class="input" name="nickName" autocomplete="nickname" placeholder="请输入昵称" />
+          </label>
+          <label class="auth-field" for="register-password">
+            <span>设置密码 <b aria-hidden="true">*</b></span>
+            <input id="register-password" class="input" name="password" type="password" autocomplete="new-password" placeholder="至少六位" required />
+          </label>
+          <label class="auth-field" for="register-confirm-password">
+            <span>确认密码 <b aria-hidden="true">*</b></span>
+            <input id="register-confirm-password" class="input" name="confirmPassword" type="password" autocomplete="new-password" placeholder="请再次输入密码" required />
+          </label>
           <input type="hidden" name="validToken" />
+          <div id="register-status" class="auth-form-status" role="status" aria-live="polite" data-auth-form-status></div>
           <button class="btn primary" type="submit">注册账号</button>
           <div class="auth-links">
             <a href="login.html">已有账号，去登录</a>
@@ -84,6 +65,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>