register.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. {include file="common/meta" /}
  5. <style>
  6. html,body{background: #f4f6f8;overflow-x: inherit;}
  7. </style>
  8. </head>
  9. <body>
  10. <div id="mydiv">
  11. <div class="login-main">
  12. <div class="layui-elip">会员注册</div>
  13. <form class="layui-form" action="{:url('register')}">
  14. <!--@MemberRegisterFormBegin-->
  15. <input type="hidden" name="forward" value="{$forward}" />
  16. {:token_field()}
  17. {:hook('register_input')}
  18. <div class="layui-form-item">
  19. <div class="layui-input-wrap">
  20. <div class="layui-input-prefix">
  21. <label class="layui-icon layui-icon-cellphone"></label>
  22. </div>
  23. <input type="text" name="mobile" lay-verify="phone|required" autocomplete="off" placeholder="手机号" class="layui-input">
  24. </div>
  25. </div>
  26. {if config('yzn.user_mobile_verify')}
  27. <div class="layui-form-item">
  28. <div class="layui-row">
  29. <div class="layui-col-xs6">
  30. <div class="layui-input-wrap">
  31. <div class="layui-input-prefix">
  32. <label class="layui-icon layui-icon-vercode"></label>
  33. </div>
  34. <input type="text" name="captcha_mobile" required="" lay-verify="required" autocomplete="off" value="" class="layui-input" placeholder="手机验证码">
  35. </div>
  36. </div>
  37. <div class="layui-col-xs6">
  38. <div style="margin-left: 11px;">
  39. <button class="layui-btn btn-captcha layui-btn-primary layui-border-blue" type="button" data-event="register" data-type="mobile" data-url="{:url('api/sms/send')}">获取验证码</button>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. {/if}
  45. <div class="layui-form-item">
  46. <div class="layui-input-wrap">
  47. <div class="layui-input-prefix">
  48. <label class="layui-icon layui-icon-username"></label>
  49. </div>
  50. <input type="text" name="username" lay-verify="required" autocomplete="off" placeholder="账号" class="layui-input">
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <div class="layui-input-wrap">
  55. <div class="layui-input-prefix">
  56. <label class="layui-icon layui-icon-email"></label>
  57. </div>
  58. <input type="text" name="email" lay-verify="email|required" autocomplete="off" placeholder="邮箱" class="layui-input">
  59. </div>
  60. </div>
  61. {if config('yzn.user_email_verify')}
  62. <div class="layui-form-item">
  63. <div class="layui-row">
  64. <div class="layui-col-xs6">
  65. <div class="layui-input-wrap">
  66. <div class="layui-input-prefix">
  67. <label class="layui-icon layui-icon-vercode"></label>
  68. </div>
  69. <input type="text" name="captcha_email" required="" lay-verify="required" autocomplete="off" value="" class="layui-input" placeholder="邮箱验证码">
  70. </div>
  71. </div>
  72. <div class="layui-col-xs6">
  73. <div style="margin-left: 11px;">
  74. <button class="layui-btn btn-captcha layui-btn-primary layui-border-blue" type="button" data-event="register" data-type="email" data-url="{:url('api/ems/send')}">获取验证码</button>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. {/if}
  80. <div class="layui-form-item">
  81. <div class="layui-input-wrap">
  82. <div class="layui-input-prefix">
  83. <label class="layui-icon layui-icon-password"></label>
  84. </div>
  85. <input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="密码" class="layui-input" lay-affix="eye">
  86. </div>
  87. </div>
  88. {if config('yzn.user_password_confirm')}
  89. <div class="layui-form-item">
  90. <div class="layui-input-wrap">
  91. <div class="layui-input-prefix">
  92. <label class="layui-icon layui-icon-password"></label>
  93. </div>
  94. <input type="password" name="password_confirm" lay-verify="required" autocomplete="off" placeholder="密码确认" class="layui-input" lay-affix="eye">
  95. </div>
  96. </div>
  97. {/if}
  98. {if !config('yzn.user_remove_nickname')}
  99. <div class="layui-form-item">
  100. <div class="layui-input-wrap">
  101. <div class="layui-input-prefix">
  102. <label class="layui-icon layui-icon-username"></label>
  103. </div>
  104. <input type="text" name="nickname" lay-verify="required" autocomplete="off" placeholder="昵称" class="layui-input">
  105. </div>
  106. </div>
  107. {/if}
  108. <!--@CaptchaBegin-->
  109. <div class="layui-form-item">
  110. <div class="layui-input-wrap verify-box">
  111. <div class="layui-input-prefix">
  112. <label class="layui-icon layui-icon-vercode"></label>
  113. </div>
  114. <input type="text" name="verify" lay-verify="required" placeholder="验证码" autocomplete="off" class="layui-input">
  115. <img id="verify" src="{:url('index/user/captcha')}" alt="验证码" class="captcha">
  116. </div>
  117. </div>
  118. <!--@CaptchaEnd-->
  119. <div class="layui-form-item">
  120. <div class="layui-input-inline login-btn">
  121. <button class="layui-btn" lay-submit>注册</button>
  122. </div>
  123. </div>
  124. <div class="layui-form-item">
  125. <div class="layui-trans layui-form-item layadmin-user-login-other">
  126. <a href="{:url('login')}" class="lay-link">用已有帐号登入</a>
  127. </div>
  128. </div>
  129. <!--@MemberRegisterFormEnd-->
  130. </form>
  131. </div>
  132. </div>
  133. {include file="common/script" /}
  134. </body>
  135. </html>