Home Explore Help
Register Sign In
web
/
h5
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
h5
/
invite-register.html

invite-register.html 28 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="zh-CN">
    3. 

  3. <head>
    4. 

  4.     <meta charset="UTF-8">
    5. 

  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    6. 

  6.     <title>BEX邀请注册</title>
    7. 

  7.     <link rel="stylesheet" href="/css/invite.css">
    8. 

  8. </head>
    9. 

  9. <body>
    10. 

  10.     <div class="container">
    11. 

  11.         <div class="header">
    12. 

  12.             <img src="/images/logo.png" alt="">
    13. 

  13.         </div>
    14. 

  14. 

  15.         <div class="content-area">
    16. 

  16.             <div class="banner-section">
    17. 

  17.                 <div class="banner-bg">
    18. 

  18.                     <img src="/images/Group 470395@3x.png" alt="">
    19. 

  19.                 </div>
    20. 

  20.                 <div class="banner-content">
    21. 

  21.                     <div class="invite-highlight">
    22. 

  22.                         <div class="invite-highlight-line">
    23. 

  23.                             <img src="/images/bg-left.png" alt="">
    24. 

  24.                         </div>
    25. 

  25.                         <div class="invite-highlight-text" data-i18n="bannerTitle">邀请您立即注册，独家奖励等你来拿！</div>
    26. 

  26.                         <div class="invite-highlight-line">
    27. 

  27.                             <img src="/images/bg-right.png" alt="">
    28. 

  28.                         </div>
    29. 

  29.                     </div>
    30. 

  30.                 </div>
    31. 

  31.             </div>
    32. 

  32. 

  33.             <div class="form-section" id="registerForm">
    34. 

  34.                 <div class="form-group">
    35. 

  35.                     <div class="input-wrapper">
    36. 

  36.                         <input type="email" id="email" placeholder="" required>
    37. 

  37.                         <label class="input-label" data-i18n="emailPlaceholder">请输入邮箱</label>
    38. 

  38.                     </div>
    39. 

  39.                     <span class="error-message" id="emailError"></span>
    40. 

  40.                 </div>
    41. 

  41. 

  42.                 <div class="form-group">
    43. 

  43.                     <div class="input-wrapper">
    44. 

  44.                         <input type="password" id="password" placeholder="" required>
    45. 

  45.                         <label class="input-label" data-i18n="passwordPlaceholder">请设置密码</label>
    46. 

  46.                     </div>
    47. 

  47.                     <span class="error-message" id="passwordError"></span>
    48. 

  48.                     <span class="password-rule" data-i18n="passwordRule">8-32位，需包含大小写字母和特殊字符</span>
    49. 

  49.                 </div>
    50. 

  50. 

  51.                 <div class="form-group invite-code-group">
    52. 

  52.                     <div class="invite-code-label" data-i18n="inviteCodeTitle">邀请码</div>
    53. 

  53.                     <div class="invite-code-box">
    54. 

  54.                         <div class="invite-code-value" id="inviteCode"></div>
    55. 

  55.                         <div class="invite-code-copy" id="copyBtn">
    56. 

  56.                             <svg viewBox="0 0 24 24">
    57. 

  57.                                 <rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
    58. 

  58.                                 <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
    59. 

  59.                             </svg>
    60. 

  60.                         </div>
    61. 

  61.                     </div>
    62. 

  62.                 </div>
    63. 

  63. 

  64.                 <button class="btn-primary" id="registerBtn" data-i18n="registerButton">立即注册并下载APP</button>
    65. 

  65. 

  66.                 <div class="agreement-text" data-i18n="agreementText">注册即表示我同意<a href="/privacy-policy.html">《用户协议》</a>及<a href="/privacy-policy.html">《隐私协议》</a></div>
    67. 

  67.             </div>
    68. 

  68. 

  69.             <div class="form-section verification-section" id="verificationForm" style="display: none;">
    70. 

  70.                 <div class="form-group">
    71. 

  71.                     <div class="input-wrapper">
    72. 

  72.                         <input type="text" id="verificationCode" placeholder="" required maxlength="6">
    73. 

  73.                         <label class="input-label" data-i18n="verificationPlaceholder">请输入邮箱验证码</label>
    74. 

  74.                         <span class="verification-timer" id="timer"></span>
    75. 

  75.                     </div>
    76. 

  76.                     <span class="error-message" id="verificationError"></span>
    77. 

  77.                 </div>
    78. 

  78. 

  79.                 <button class="btn-primary" id="submitBtn" data-i18n="submitButton">提交验证码</button>
    80. 

  80. 

  81.                 <div class="agreement-text" style="margin-top: 24px;">
    82. 

  82.                     <!-- <span data-i18n="resendCode">未收到验证码？</span> -->
    83. 

  83.                     <span id="resendBtn" class="resend-code" style="margin-left: 8px;" data-i18n="resendButton">重新发送</span>
    84. 

  84.                 </div>
    85. 

  85.             </div>
    86. 

  86. 

  87.             <div class="features-section">
    88. 

  88.                 <div class="features-title" data-i18n="featuresTitle">前沿交易工具，多元交易策略</div>
    89. 

  89.                 <div class="features-grid">
    90. 

  90.                     <div class="feature-card">
    91. 

  91.                         <div class="feature-icon">
    92. 

  92.                             <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
    93. 

  93.                                         <g id="Frame">
    94. 

  94.                                         <path id="Vector" d="M12 4H5.33333C4.59695 4 4 4.59695 4 5.33333V12C4 12.7364 4.59695 13.3333 5.33333 13.3333H12C12.7364 13.3333 13.3333 12.7364 13.3333 12V5.33333C13.3333 4.59695 12.7364 4 12 4Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
    95. 

  95.                                         <path id="Vector_2" d="M12 18.666H5.33333C4.59695 18.666 4 19.2629 4 19.9993V26.666C4 27.4024 4.59695 27.9993 5.33333 27.9993H12C12.7364 27.9993 13.3333 27.4024 13.3333 26.666V19.9993C13.3333 19.2629 12.7364 18.666 12 18.666Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
    96. 

  96.                                         <path id="Vector_3" d="M26.667 4H20.0003C19.2639 4 18.667 4.59695 18.667 5.33333V12C18.667 12.7364 19.2639 13.3333 20.0003 13.3333H26.667C27.4034 13.3333 28.0003 12.7364 28.0003 12V5.33333C28.0003 4.59695 27.4034 4 26.667 4Z" stroke="#FD6F23" stroke-width="2" stroke-linejoin="round"/>
    97. 

  97.                                         <path id="Vector_4" d="M26.667 18.666H20.0003C19.2639 18.666 18.667 19.2629 18.667 19.9993V26.666C18.667 27.4024 19.2639 27.9993 20.0003 27.9993H26.667C27.4034 27.9993 28.0003 27.4024 28.0003 26.666V19.9993C28.0003 19.2629 27.4034 18.666 26.667 18.666Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
    98. 

  98.                                         </g>
    99. 

  99.                             </svg>
    100. 

  100.                         </div>
    101. 

  101.                         <div class="feature-name" data-i18n="feature1">分仓管理</div>
    102. 

  102.                     </div>
    103. 

  103.                     <div class="feature-card">
    104. 

  104.                         <div class="feature-icon">
    105. 

  105.                             <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
    106. 

  106.                                 <path d="M3.33334 16C3.33334 22.9956 9.00441 28.6666 16 28.6666V17.3333C16 16.5969 16.5969 16 17.3333 16H28.6667C28.6667 9.00438 22.9956 3.33331 16 3.33331C9.00441 3.33331 3.33334 9.00438 3.33334 16Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    107. 

  107.                                 <path d="M28 20H20V28H28V20Z" stroke="#FD6F23" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    108. 

  108.                             </svg>
    109. 

  109.                         </div>
    110. 

  110.                         <div class="feature-name" data-i18n="feature2">批量交易</div>
    111. 

  111.                     </div>
    112. 

  112.                     <div class="feature-card">
    113. 

  113.                         <div class="feature-icon">
    114. 

  114.                            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
    115. 

  115.                             <path d="M4 4V28H28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    116. 

  116.                             <path d="M9.33334 22.6667L14.6667 12L21.3333 18L28 4" stroke="#FD6F23" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    117. 

  117.                             </svg>
    118. 

  118. 

  119.                         </div>
    120. 

  120.                         <div class="feature-name" data-i18n="feature3">画线下单</div>
    121. 

  121.                     </div>
    122. 

  122.                     <div class="feature-card">
    123. 

  123.                         <div class="feature-icon">
    124. 

  124.                            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
    125. 

  125. <path d="M12.6667 13.3333C15.244 13.3333 17.3333 11.244 17.3333 8.66667C17.3333 6.08934 15.244 4 12.6667 4C10.0893 4 8 6.08934 8 8.66667C8 11.244 10.0893 13.3333 12.6667 13.3333Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
    126. 

  126. <path d="M24 19.3334V27.3334M20 23.3334H28" stroke="#FD6F23" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    127. 

  127. <path d="M18 18.6666H12.5333C9.5464 18.6666 8.05293 18.6666 6.91207 19.2479C5.90852 19.7592 5.09262 20.5752 4.5813 21.5787C4 22.7196 4 24.213 4 27.2V28H18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    128. 

  128. </svg>
    129. 

  129. 

  130.                         </div>
    131. 

  131.                         <div class="feature-name" data-i18n="feature4">跟单下单</div>
    132. 

  132.                     </div>
    133. 

  133.                 </div>
    134. 

  134.             </div>
    135. 

  135. 

  136.             <div class="stats-section">
    137. 

  137.                 <img src="/images/IMG_7495 1@3x.png" alt="">
    138. 

  138.                 <div class="stats-grid">
    139. 

  139.                     <div class="stat-item">
    140. 

  140.                         <div class="stat-value">30+</div>
    141. 

  141.                         <div class="stat-label" data-i18n="stat1">覆盖国家及地区</div>
    142. 

  142.                     </div>
    143. 

  143.                     <div class="stat-item">
    144. 

  144.                         <div class="stat-value">500+</div>
    145. 

  145.                         <div class="stat-label" data-i18n="stat2">数字资产</div>
    146. 

  146.                     </div>
    147. 

  147.                     <div class="stat-item">
    148. 

  148.                         <div class="stat-value">6+</div>
    149. 

  149.                         <div class="stat-label" data-i18n="stat3">稳定运营6年</div>
    150. 

  150.                     </div>
    151. 

  151.                     <div class="stat-item">
    152. 

  152.                         <div class="stat-value">100W+</div>
    153. 

  153.                         <div class="stat-label" data-i18n="stat4">全球用户</div>
    154. 

  154.                     </div>
    155. 

  155.                 </div>
    156. 

  156.             </div>
    157. 

  157.         </div>
    158. 

  158. 

  159.         <div class="success-overlay" id="successOverlay" style="display: none;">
    160. 

  160.             <div class="success-content">
    161. 

  161.                 <div class="success-icon">
    162. 

  162.                     <svg viewBox="0 0 24 24">
    163. 

  163.                         <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
    164. 

  164.                     </svg>
    165. 

  165.                 </div>
    166. 

  166.                 <div class="success-title" data-i18n="successTitle">注册成功</div>
    167. 

  167.                 <div class="success-desc" data-i18n="successDesc">即将跳转到下载页面...</div>
    168. 

  168.             </div>
    169. 

  169.         </div>
    170. 

  170. 

  171.         <div class="loading-overlay" id="loadingOverlay" style="display: none;">
    172. 

  172.             <div class="loading-content">
    173. 

  173.                 <div class="loading-spinner"></div>
    174. 

  174.                 <span class="loading-text" data-i18n="loadingText">加载中...</span>
    175. 

  175.             </div>
    176. 

  176.         </div>
    177. 

  177. 

  178.         <div class="error-overlay" id="errorOverlay" style="display: none;">
    179. 

  179.             <div class="error-content">
    180. 

  180.                 <div class="error-icon">!</div>
    181. 

  181.                 <span class="error-text" data-i18n="errorText">操作失败，请稍后重试</span>
    182. 

  182.                 <button class="error-retry" id="retryBtn" data-i18n="retryBtn">重试</button>
    183. 

  183.             </div>
    184. 

  184.         </div>
    185. 

  185.     </div>
    186. 

  186. 

  187.     <script>
    188. 

  188.         (function() {
    189. 

  189.             const translations = {
    190. 

  190.                 'zh': {
    191. 

  191.                     headerTitle: 'BEX邀请注册',
    192. 

  192.                     bannerTitle: '邀请您立即注册，独家奖励等你来拿！',
    193. 

  193.                     inviteCodeLabel: '邀请码',
    194. 

  194.                     emailPlaceholder: '请输入邮箱',
    195. 

  195.                     passwordPlaceholder: '请设置密码',
    196. 

  196.                     passwordRule: '8-32位，需包含大小写字母和特殊字符',
    197. 

  197.                     inviteCodeTitle: '邀请码',
    198. 

  198.                     registerButton: '立即注册并下载APP',
    199. 

  199.                     agreementText: '注册即表示我同意<a class="agreement-link" data-url="/privacy-policy.html">《用户协议》</a>及<a class="agreement-link" data-url="/privacy-policy.html">《隐私协议》</a>',
    200. 

  200.                     featuresTitle: '前沿交易工具，多元交易策略',
    201. 

  201.                     feature1: '分仓管理',
    202. 

  202.                     feature2: '批量交易',
    203. 

  203.                     feature3: '画线下单',
    204. 

  204.                     feature4: '跟单下单',
    205. 

  205.                     stat1: '覆盖国家及地区',
    206. 

  206.                     stat2: '数字资产',
    207. 

  207.                     stat3: '稳定运营6年',
    208. 

  208.                     stat4: '全球用户',
    209. 

  209.                     verificationPlaceholder: '请输入邮箱验证码',
    210. 

  210.                     submitButton: '提交验证码',
    211. 

  211.                     resendCode: '未收到验证码？',
    212. 

  212.                     resendButton: '重新发送',
    213. 

  213.                     successTitle: '注册成功',
    214. 

  214.                     successDesc: '即将跳转到下载页面...',
    215. 

  215.                     loadingText: '加载中...',
    216. 

  216.                     errorText: '操作失败，请稍后重试',
    217. 

  217.                     retryBtn: '重试',
    218. 

  218.                     footer: 'Copyright 2026 BEX. All rights reserved.'
    219. 

  219.                 },
    220. 

  220.                 'en': {
    221. 

  221.                     headerTitle: 'BEX Invite Register',
    222. 

  222.                     bannerTitle: 'Invite you to register now,Exclusive rewards await!',
    223. 

  223.                     inviteCodeLabel: 'Invite Code',
    224. 

  224.                     emailPlaceholder: 'Enter email',
    225. 

  225.                     passwordPlaceholder: 'Set password',
    226. 

  226.                     passwordRule: '8-32 characters, must contain uppercase, lowercase letters and special characters',
    227. 

  227.                     inviteCodeTitle: 'Invite Code',
    228. 

  228.                     registerButton: 'Register & Download APP',
    229. 

  229.                     agreementText: 'By registering, I agree to the <a class="agreement-link" data-url="/privacy-policy.html">User Agreement</a> and <a class="agreement-link" data-url="/privacy-policy.html">Privacy Policy</a>',
    230. 

  230.                     featuresTitle: 'Advanced Trading Tools, Multiple Trading Strategies',
    231. 

  231.                     feature1: 'Sub-account Management',
    232. 

  232.                     feature2: 'Batch Trading',
    233. 

  233.                     feature3: 'Chart Trading',
    234. 

  234.                     feature4: 'Copy Trading',
    235. 

  235.                     stat1: 'Countries & Regions',
    236. 

  236.                     stat2: 'Digital Assets',
    237. 

  237.                     stat3: '6+ Years Stable',
    238. 

  238.                     stat4: 'Global Users',
    239. 

  239.                     verificationPlaceholder: 'Enter verification code',
    240. 

  240.                     submitButton: 'Submit Code',
    241. 

  241.                     resendCode: 'Not received?',
    242. 

  242.                     resendButton: 'Resend',
    243. 

  243.                     successTitle: 'Registration Successful',
    244. 

  244.                     successDesc: 'Redirecting to download page...',
    245. 

  245.                     loadingText: 'Loading...',
    246. 

  246.                     errorText: 'Operation failed, please try again',
    247. 

  247.                     retryBtn: 'Retry',
    248. 

  248.                     footer: 'Copyright 2026 BEX. All rights reserved.'
    249. 

  249.                 }
    250. 

  250.             };
    251. 

  251. 

  252.             function getUrlParam(name) {
    253. 

  253.                 const urlParams = new URLSearchParams(window.location.search);
    254. 

  254.                 return urlParams.get(name);
    255. 

  255.             }
    256. 

  256. 

  257.             function getCurrentLang() {
    258. 

  258.                 const lang = getUrlParam('lang');
    259. 

  259.                 if (lang === 'zh' || lang === 'zh-CN' || lang === 'zh-TW' || lang === 'zh-HK') {
    260. 

  260.                     return 'zh';
    261. 

  261.                 }
    262. 

  262.                 return 'en';
    263. 

  263.             }
    264. 

  264. 

  265.             function applyTranslations(lang) {
    266. 

  266.                 const translation = translations[lang] || translations['en'];
    267. 

  267.                 const elements = document.querySelectorAll('[data-i18n]');
    268. 

  268.                 
    269. 

  269.                 elements.forEach(element => {
    270. 

  270.                     const key = element.dataset.i18n;
    271. 

  271.                     if (translation[key]) {
    272. 

  272.                         if (element.tagName === 'DIV' && key === 'bannerTitle') {
    273. 

  273.                             element.innerHTML = translation[key];
    274. 

  274.                         } else if (element.tagName === 'DIV' && key === 'agreementText') {
    275. 

  275.                             element.innerHTML = translation[key];
    276. 

  276.                         } else {
    277. 

  277.                             element.textContent = translation[key];
    278. 

  278.                         }
    279. 

  279.                     }
    280. 

  280.                 });
    281. 

  281.                 
    282. 

  282.                 document.documentElement.lang = lang === 'zh' ? 'zh-CN' : 'en';
    283. 

  283.             }
    284. 

  284. 

  285.             let countdown = 60;
    286. 

  286.             let timerInterval = null;
    287. 

  287. 

  288.             function startCountdown() {
    289. 

  289.                 countdown = 60;
    290. 

  290.                 const timerEl = document.getElementById('timer');
    291. 

  291.                 const resendBtn = document.getElementById('resendBtn');
    292. 

  292.                 
    293. 

  293.                 timerEl.textContent = countdown + 's';
    294. 

  294.                 timerEl.classList.add('timer-active');
    295. 

  295.                 resendBtn.style.display = 'none';
    296. 

  296.                 
    297. 

  297.                 timerInterval = setInterval(() => {
    298. 

  298.                     countdown--;
    299. 

  299.                     timerEl.textContent = countdown + 's';
    300. 

  300.                     
    301. 

  301.                     if (countdown <= 0) {
    302. 

  302.                         clearInterval(timerInterval);
    303. 

  303.                         timerEl.textContent = '';
    304. 

  304.                         timerEl.classList.remove('timer-active');
    305. 

  305.                         resendBtn.style.display = 'inline';
    306. 

  306.                     }
    307. 

  307.                 }, 1000);
    308. 

  308.             }
    309. 

  309. 

  310.             function showLoading() {
    311. 

  311.                 document.getElementById('loadingOverlay').style.display = 'flex';
    312. 

  312.             }
    313. 

  313. 

  314.             function hideLoading() {
    315. 

  315.                 document.getElementById('loadingOverlay').style.display = 'none';
    316. 

  316.             }
    317. 

  317. 

  318.             function showError() {
    319. 

  319.                 hideLoading();
    320. 

  320.                 document.getElementById('errorOverlay').style.display = 'flex';
    321. 

  321.             }
    322. 

  322. 

  323.             function hideError() {
    324. 

  324.                 document.getElementById('errorOverlay').style.display = 'none';
    325. 

  325.             }
    326. 

  326. 

  327.             function showSuccess() {
    328. 

  328.                 hideLoading();
    329. 

  329.                 document.getElementById('successOverlay').style.display = 'flex';
    330. 

  330.                 // setTimeout(() => {
    331. 

  331.                     window.location.href = '/invite-download.html?lang=' + getCurrentLang();
    332. 

  332.                 // }, 2000);
    333. 

  333.             }
    334. 

  334. 

  335.             function switchToVerification() {
    336. 

  336.                 document.getElementById('registerForm').style.display = 'none';
    337. 

  337.                 document.getElementById('verificationForm').style.display = 'block';
    338. 

  338.                 startCountdown();
    339. 

  339.             }
    340. 

  340. 

  341.             function getInviteCodeFromUrl() {
    342. 

  342.                 const urlParams = new URLSearchParams(window.location.search);
    343. 

  343.                 return urlParams.get('inviteCode') || '';
    344. 

  344.             }
    345. 

  345. 

  346.             function initInviteCode() {
    347. 

  347.                 const inviteCode = getInviteCodeFromUrl();
    348. 

  348.                 document.getElementById('inviteCode').textContent = inviteCode;
    349. 

  349.             }
    350. 

  350. 

  351.             function showError(elementId, message) {
    352. 

  352.                 const errorEl = document.getElementById(elementId);
    353. 

  353.                 if (errorEl) {
    354. 

  354.                     errorEl.textContent = message;
    355. 

  355.                     errorEl.style.display = 'block';
    356. 

  356.                 }
    357. 

  357.             }
    358. 

  358. 

  359.             function hideError(elementId) {
    360. 

  360.                 const errorEl = document.getElementById(elementId);
    361. 

  361.                 if (errorEl) {
    362. 

  362.                     errorEl.textContent = '';
    363. 

  363.                     errorEl.style.display = 'none';
    364. 

  364.                 }
    365. 

  365.             }
    366. 

  366. 

  367.             function validatePassword(password) {
    368. 

  368.                 const lang = getCurrentLang();
    369. 

  369.                 if (!password) {
    370. 

  370.                     return { valid: false, message: lang === 'zh' ? '请输入密码' : 'Please enter password' };
    371. 

  371.                 }
    372. 

  372.                 if (password.length < 8) {
    373. 

  373.                     return { valid: false, message: lang === 'zh' ? '密码长度至少8位' : 'Password must be at least 8 characters' };
    374. 

  374.                 }
    375. 

  375.                 if (password.length > 32) {
    376. 

  376.                     return { valid: false, message: lang === 'zh' ? '密码长度不能超过32位' : 'Password cannot exceed 32 characters' };
    377. 

  377.                 }
    378. 

  378.                 if (!/[a-z]/.test(password)) {
    379. 

  379.                     return { valid: false, message: lang === 'zh' ? '密码需包含小写字母' : 'Password must contain lowercase letters' };
    380. 

  380.                 }
    381. 

  381.                 if (!/[A-Z]/.test(password)) {
    382. 

  382.                     return { valid: false, message: lang === 'zh' ? '密码需包含大写字母' : 'Password must contain uppercase letters' };
    383. 

  383.                 }
    384. 

  384.                 if (!/[!@#$%^&*()_+\-=\[\]{}|;:,.<>?]/.test(password)) {
    385. 

  385.                     return { valid: false, message: lang === 'zh' ? '密码需包含特殊字符' : 'Password must contain special characters' };
    386. 

  386.                 }
    387. 

  387.                 return { valid: true, message: '' };
    388. 

  388.             }
    389. 

  389. 

  390.             function validateEmail(email) {
    391. 

  391.                 const lang = getCurrentLang();
    392. 

  392.                 if (!email) {
    393. 

  393.                     return { valid: false, message: lang === 'zh' ? '请输入邮箱' : 'Please enter email' };
    394. 

  394.                 }
    395. 

  395.                 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
    396. 

  396.                     return { valid: false, message: lang === 'zh' ? '请输入有效的邮箱地址' : 'Please enter a valid email' };
    397. 

  397.                 }
    398. 

  398.                 return { valid: true, message: '' };
    399. 

  399.             }
    400. 

  400. 

  401.             document.getElementById('copyBtn').addEventListener('click', () => {
    402. 

  402.                 const inviteCode = document.getElementById('inviteCode').textContent;
    403. 

  403.                 navigator.clipboard.writeText(inviteCode).then(() => {
    404. 

  404.                     showError('passwordError', getCurrentLang() === 'zh' ? '邀请码已复制' : 'Invite code copied');
    405. 

  405.                     setTimeout(() => {
    406. 

  406.                         hideError('passwordError');
    407. 

  407.                     }, 2000);
    408. 

  408.                 }).catch(() => {
    409. 

  409.                     showError('passwordError', getCurrentLang() === 'zh' ? '复制失败，请手动复制' : 'Copy failed, please copy manually');
    410. 

  410.                 });
    411. 

  411.             });
    412. 

  412. 

  413.             async function sendVerifyCode(email) {
    414. 

  414.                 try {
    415. 

  415.                     const response = await fetch('/api/v1/auth/send-code', {
    416. 

  416.                         method: 'POST',
    417. 

  417.                         headers: {
    418. 

  418.                             'Content-Type': 'application/json'
    419. 

  419.                         },
    420. 

  420.                         body: JSON.stringify({
    421. 

  421.                             target: email,
    422. 

  422.                             scene: 'REGISTER'
    423. 

  423.                         })
    424. 

  424.                     });
    425. 

  425.                     
    426. 

  426.                     const data = await response.json();
    427. 

  427.                     if (!response.ok) {
    428. 

  428.                         throw new Error(data.message || '发送验证码失败');
    429. 

  429.                     }
    430. 

  430.                     
    431. 

  431.                     return data;
    432. 

  432.                 } catch (error) {
    433. 

  433.                     throw error;
    434. 

  434.                 }
    435. 

  435.             }
    436. 

  436. 

  437.             async function registerUser(email, password, inviteCode, code) {
    438. 

  438.                 try {
    439. 

  439.                     const response = await fetch('/api/v1/auth/register', {
    440. 

  440.                         method: 'POST',
    441. 

  441.                         headers: {
    442. 

  442.                             'Content-Type': 'application/json'
    443. 

  443.                         },
    444. 

  444.                         body: JSON.stringify({
    445. 

  445.                             email: email,
    446. 

  446.                             password: password,
    447. 

  447.                             isWeb: true,
    448. 

  448.                             inviteCode: inviteCode,
    449. 

  449.                             verifyCode: code,
    450. 

  450.                             type: 'email'
    451. 

  451.                         })
    452. 

  452.                     });
    453. 

  453.                     
    454. 

  454.                     const data = await response.json();
    455. 

  455.                     
    456. 

  456.                     if (!response.ok) {
    457. 

  457.                         throw new Error(data.message || '注册失败');
    458. 

  458.                     }
    459. 

  459.                     
    460. 

  460.                     if(data.code !== 200) {
    461. 

  461.                         throw new Error(data.message || '注册失败');
    462. 

  462.                     }
    463. 

  463.                     
    464. 

  464.                     return data;
    465. 

  465.                 } catch (error) {
    466. 

  466.                     throw error;
    467. 

  467.                 }
    468. 

  468.             }
    469. 

  469. 

  470.             document.getElementById('registerBtn').addEventListener('click', async () => {
    471. 

  471.                 const email = document.getElementById('email').value;
    472. 

  472.                 const password = document.getElementById('password').value;
    473. 

  473.                 
    474. 

  474.                 hideError('emailError');
    475. 

  475.                 hideError('passwordError');
    476. 

  476.                 
    477. 

  477.                 const emailResult = validateEmail(email);
    478. 

  478.                 if (!emailResult.valid) {
    479. 

  479.                     showError('emailError', emailResult.message);
    480. 

  480.                     return;
    481. 

  481.                 }
    482. 

  482.                 
    483. 

  483.                 const passwordResult = validatePassword(password);
    484. 

  484.                 if (!passwordResult.valid) {
    485. 

  485.                     showError('passwordError', passwordResult.message);
    486. 

  486.                     return;
    487. 

  487.                 }
    488. 

  488.                 
    489. 

  489.                 showLoading();
    490. 

  490.                 
    491. 

  491.                 try {
    492. 

  492.                     await sendVerifyCode(email);
    493. 

  493.                     hideError('emailError');
    494. 

  494.                     hideError('passwordError');
    495. 

  495.                     switchToVerification();
    496. 

  496.                 } catch (error) {
    497. 

  497.                     showError('emailError', getCurrentLang() === 'zh' ? '发送验证码失败：' + error.message : 'Failed to send verification code: ' + error.message);
    498. 

  498.                 } finally {
    499. 

  499.                     hideLoading();
    500. 

  500.                 }
    501. 

  501.             });
    502. 

  502. 

  503.             document.getElementById('resendBtn').addEventListener('click', async () => {
    504. 

  504.                 const email = document.getElementById('email').value;
    505. 

  505.                 showLoading();
    506. 

  506.                 
    507. 

  507.                 try {
    508. 

  508.                     await sendVerifyCode(email);
    509. 

  509.                     hideError('verificationError');
    510. 

  510.                     startCountdown();
    511. 

  511.                 } catch (error) {
    512. 

  512.                     showError('verificationError', getCurrentLang() === 'zh' ? '重新发送失败：' + error.message : 'Failed to resend: ' + error.message);
    513. 

  513.                 } finally {
    514. 

  514.                     hideLoading();
    515. 

  515.                 }
    516. 

  516.             });
    517. 

  517. 

  518.             document.getElementById('submitBtn').addEventListener('click', async () => {
    519. 

  519.                 const email = document.getElementById('email').value;
    520. 

  520.                 const password = document.getElementById('password').value;
    521. 

  521.                 const inviteCode = document.getElementById('inviteCode').textContent;
    522. 

  522.                 const code = document.getElementById('verificationCode').value;
    523. 

  523.                 
    524. 

  524.                 hideError('verificationError');
    525. 

  525.                 
    526. 

  526.                 if (!code || code.length !== 6) {
    527. 

  527.                     showError('verificationError', getCurrentLang() === 'zh' ? '请输入6位验证码' : 'Please enter 6-digit verification code');
    528. 

  528.                     return;
    529. 

  529.                 }
    530. 

  530.                 
    531. 

  531.                 showLoading();
    532. 

  532.                 
    533. 

  533.                 try {
    534. 

  534.                     await registerUser(email, password, inviteCode, code);
    535. 

  535.                     showSuccess();
    536. 

  536.                 } catch (error) {
    537. 

  537.                     showError('verificationError', getCurrentLang() === 'zh' ? '注册失败：' + error.message : 'Registration failed: ' + error.message);
    538. 

  538.                 } finally {
    539. 

  539.                     hideLoading();
    540. 

  540.                 }
    541. 

  541.             });
    542. 

  542. 

  543.             document.getElementById('retryBtn').addEventListener('click', hideError);
    544. 

  544. 

  545.             document.addEventListener('click', (e) => {
    546. 

  546.                 const target = e.target.closest('.agreement-link');
    547. 

  547.                 if (target) {
    548. 

  548.                     e.preventDefault();
    549. 

  549.                     const url = target.dataset.url;
    550. 

  550.                     const lang = getCurrentLang();
    551. 

  551.                     window.location.href = url + '?lang=' + lang;
    552. 

  552.                 }
    553. 

  553.             });
    554. 

  554. 

  555.             const lang = getCurrentLang();
    556. 

  556.             applyTranslations(lang);
    557. 

  557.             initInviteCode();
    558. 

  558.         })();
    559. 

  559.     </script>
    560. 

  560. </body>
    561. 

  561. </html>
    562.