register.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <meta name="keywords" content=""/>
  6. <meta name="description" content="">
  7. <include file="public@head"/>
  8. </head>
  9. <body class="body-white">
  10. <include file="public@nav"/>
  11. <div class="container tc-main">
  12. <div class="row">
  13. <div class="col-md-4 col-md-offset-4">
  14. <h2 class="text-center">用户注册</h2>
  15. <php>
  16. $mobile_tab_active=empty($theme_vars['enable_mobile'])?'':'active';
  17. $email_tab_active=empty($theme_vars['enable_mobile'])?'active':'';
  18. </php>
  19. <notempty name="theme_vars.enable_mobile">
  20. <ul class="nav nav-tabs nav-justified" id="myTab" style="margin-bottom: 15px;">
  21. <li class="active"><a href="#mobile" data-toggle="tab">手机注册</a></li>
  22. <li><a href="#email" data-toggle="tab">邮箱注册</a></li>
  23. </ul>
  24. </notempty>
  25. <php>
  26. $is_open_registration = cmf_is_open_registration();
  27. </php>
  28. <div class="tab-content">
  29. <notempty name="theme_vars.enable_mobile">
  30. <div class="tab-pane {$mobile_tab_active}" id="mobile">
  31. <form class="js-ajax-form" action="{:url('user/Register/doRegister')}" method="post">
  32. <div class="form-group">
  33. <input type="text" name="username" placeholder="手机号" class="form-control"
  34. id="js-mobile-input">
  35. </div>
  36. <div class="form-group">
  37. <div style="position: relative;">
  38. <input type="text" name="captcha" placeholder="验证码" class="form-control"
  39. style="width: 170px;float: left;margin-right: 30px">
  40. <captcha height="38" width="160" font-size="20"/>
  41. </div>
  42. </div>
  43. <empty name="is_open_registration">
  44. <div class="form-group">
  45. <div style="position: relative;">
  46. <input type="text" name="code" placeholder="手机验证码" style="width:170px;"
  47. class="form-control">
  48. <a class="btn btn-success js-get-mobile-code"
  49. style="width: 163px;position: absolute;top:0;right: 0;"
  50. data-wait-msg="[second]秒后才能再次获取" data-mobile-input="#js-mobile-input"
  51. data-url="{:url('user/VerificationCode/send')}"
  52. daty-type="register"
  53. data-init-second-left="60">获取手机验证码</a>
  54. </div>
  55. </div>
  56. </empty>
  57. <div class="form-group">
  58. <input type="password" name="password" placeholder="密码" class="form-control">
  59. </div>
  60. <div class="form-group">
  61. <button class="btn btn-primary btn-block js-ajax-submit" type="submit" data-wait="1500"
  62. style="margin-left: 0px;">确定注册
  63. </button>
  64. </div>
  65. <div class="form-group" style="text-align: center;">
  66. <p>
  67. 已有账号? <a href="{:cmf_url('user/Login/index')}">点击此处登录</a>
  68. </p>
  69. </div>
  70. </form>
  71. </div>
  72. </notempty>
  73. <div class="tab-pane {$email_tab_active}" id="email">
  74. <form class="js-ajax-form" action="{:url('user/register/doRegister')}" method="post">
  75. <div class="form-group">
  76. <input type="text" name="username" placeholder="邮箱" class="form-control"
  77. id="js-email-input">
  78. </div>
  79. <div class="form-group">
  80. <div style="position: relative;">
  81. <input type="text" name="captcha" placeholder="验证码" class="form-control"
  82. style="width: 170px;float: left;margin-right: 30px">
  83. <captcha height="38" width="160" font-size="20"/>
  84. </div>
  85. </div>
  86. <empty name="is_open_registration">
  87. <div class="form-group">
  88. <div style="position: relative;">
  89. <input type="text" name="code" placeholder="邮件验证码" style="width:170px;"
  90. class="form-control">
  91. <a class="btn btn-success js-get-email-code"
  92. style="width: 163px;position: absolute;top:0;right: 0;"
  93. data-wait-msg="[second]秒后才能再次获取" data-email-input="#js-email-input"
  94. data-url="{:url('user/VerificationCode/send')}"
  95. daty-type="register"
  96. data-init-second-left="60">获取邮箱验证码</a>
  97. </div>
  98. </div>
  99. </empty>
  100. <div class="form-group">
  101. <input type="password" name="password" placeholder="密码" class="form-control">
  102. </div>
  103. <div class="form-group">
  104. <button class="btn btn-primary btn-block js-ajax-submit" type="submit" data-wait="1500"
  105. style="margin-left: 0px;">确定注册
  106. </button>
  107. </div>
  108. <div class="form-group" style="text-align: center;">
  109. <p>
  110. 已有账号? <a href="{:cmf_url('user/Login/index')}">点击此处登录</a>
  111. </p>
  112. </div>
  113. </form>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <!-- /container -->
  120. <include file="public@scripts"/>
  121. </body>
  122. </html>