register.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. <extend name="Public:index" />
  2. <block name="reg">
  3. <link rel="stylesheet" href="__PUBLIC__/Home/css/reg/global.css">
  4. <link rel="stylesheet" href="__PUBLIC__/Home/css/reg/autoComplete.css">
  5. <link rel="stylesheet" href="__PUBLIC__/Home/css/reg/reg.css">
  6. <link rel="stylesheet" href="__PUBLIC__/Home/css/reg/popup.css">
  7. <script type="text/javascript"src="__PUBLIC__/Home/js/jquery.js"></script>
  8. <script type="text/javascript"src="__PUBLIC__/Home/js/ajax.js"></script>
  9. <body class="s-study">
  10. <div class="g-doc" style="min-width:1240px">
  11. <div class="g-hd">
  12. <div class="g-in">
  13. <div class="m-logobar">
  14. <h1>
  15. <a href="#" target="_blank">
  16. <em>网易用户中心</em><img src="__PUBLIC__/Home/imgs/reg/logo2.png" alt="网易用户中心" title="网易用户中心">
  17. </a>
  18. </h1>
  19. <i>|</i>
  20. <h2 class="f-ff1">注册</h2>
  21. </div>
  22. </div>
  23. </div>
  24. <div class="g-bd">
  25. <div class="g-in" style="min-width:1240px">
  26. <!-- tab模块 -->
  27. <div class="m-tab">
  28. <div class="tabHd">
  29. <ul class="f-cbli">
  30. <li class="z-on">
  31. <a href="javascript:void(0);">帐号注册</a>
  32. </li>
  33. </ul>
  34. </div>
  35. <div class="tabBdNew" style="overflow:visible;">
  36. <div class="tabBd" style="float:left;height:590px">
  37. <form method="post" action="__URL__/handerRegister" autocomplete="off">
  38. <div id="regEmail">
  39. <div class="m-ipt f-mb0">
  40. <div class="u-ipt">
  41. <div class="iptctn">
  42. <input type="username" name="username" id="username" tabindex="1" value="" autocapitalize="off" myholder="用户名" placeholder="用户名">
  43. <span id="nu"></span>
  44. </div>
  45. </div>
  46. <p class="u-tips">
  47. <em>&nbsp;</em><span></span>
  48. </p>
  49. </div>
  50. <div class="regFormSplit">
  51. <a href=""></a>
  52. </div>
  53. <div class="m-ipt">
  54. <div class="u-popup f-dn" id="j-popup">
  55. <div class="pophd">
  56. <p class="f-ff1 f-fwb">网易用户中心的 程序猿们建议您:</p>
  57. </div>
  58. <div class="popcnt">
  59. </div>
  60. </div>
  61. <div class="u-ipt ">
  62. <div class="iptctn">
  63. <input type="password" name="password" id="password" tabindex="2" maxlength="16" value="" autocapitalize="off" myholder="设置密码" placeholder="设置密码"><span id="pwd"></span>
  64. </div>
  65. </div>
  66. <p class="u-tips ">
  67. <em>&nbsp;</em><span></span>
  68. </p>
  69. </div>
  70. <div class="m-ipt">
  71. <div class="u-ipt "><div class="iptctn"><input type="password" name="repassword" id="repassword" tabindex="3" value="" autocapitalize="off" maxlength="16" myholder="确认密码" placeholder="确认密码"><span id="pwd1"></span></div></div>
  72. <p class="u-tips ">
  73. <em>&nbsp;</em><span></span>
  74. </p>
  75. </div>
  76. <!--<div class="m-ipt m-ipt-code">
  77. <div class="u-ipt "><div class="iptctn"><input type="text" name="code" id="usercheckcode" tabindex="4" autocapitalize="off" myholder="验证码" style="width:170px;" placeholder="验证码"></div></div>
  78. <img id="code" width="128" height="40" src="__CONTROLLER__/verify" alt="验证码" title="验证码">
  79. <a href="javascript:void(0);" class="u-btn u-btn-img u-btn-img-code"><span><em></em></span></a>
  80. <p class="u-tips ">
  81. <em>&nbsp;</em><span></span>
  82. </p>
  83. </div>-->
  84. <input type="submit" class="u-btn2" value="立即注册"/>
  85. </div>
  86. <span class="u-check">
  87. <input type="checkbox" name="agree" id="agree" checked="checked">
  88. <label for="agree">我同意
  89. <a href="" target="_blank">" 服务条款 "</a> 和
  90. <a href="" target="_blank">" 网络游戏用户隐私权保护和个人信息利用政策 "</a>
  91. </label>
  92. </span>
  93. </form>
  94. </div>
  95. <!-- 广告模块 -->
  96. <div class="tabBdAd">
  97. <div>
  98. <p class="ad_title">用网易邮箱大师</p>
  99. <p class="ad_title">管理邮箱更简单</p>
  100. <p class="ad_lit_title">[自动登录、再也不用记密码]</p><p class="ad_lit_title">[不用费心、所有邮箱自动收发]</p>
  101. </div>
  102. <div style="width: 200px;height: 257px;margin: 20px auto;">
  103. <img src="__PUBLIC__/Home/imgs/reg/got2.jpg"></div>
  104. <a class="f-ib" target="_blank" href="" style="width: 145px;height: 40px;background:url(/images2/got1.jpg) no-repeat"></a>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="g-ft">
  111. <div class="g-in">
  112. <div class="m-cp">
  113. <p>
  114. <a href="" target="_blank">About NetEase</a>-
  115. <a href="" target="_blank">公司简介</a>-<a href="" target="_blank">联系方式</a>-
  116. <a href="" target="_blank">OAuth2.0认证</a>-<a href="" target="_blank">招聘信息</a>-
  117. <a href="" target="_blank">客户服务</a>-<a href="" target="_blank">相关法律</a>-
  118. <a href="" target="_blank">网络营销</a>
  119. </p>
  120. <p>
  121. 网易公司版权所有 ©1997- 2015
  122. </p>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. <div id="autoCompleteList"></div>
  128. </body>
  129. <script type="text/javascript"charset="utf-8">
  130. var u=true;
  131. $("#username").blur(function()
  132. {
  133. var email=this.value;
  134. if(!email)
  135. {
  136. $("#nu").css("color","red");
  137. $("#nu").html("请输入用户名");
  138. return u = false;
  139. }else
  140. {
  141. $.get("__APP__/Login/reg1?email="+email,function(b){
  142. if(b){
  143. $("#nu").css("color","red");
  144. $("#nu").html("邮箱已被注册");
  145. return u = false;
  146. }else{
  147. $("#nu").css("color","green");
  148. $("#nu").html("");
  149. return u = true;
  150. }
  151. });
  152. //$("#nu").html("");
  153. //return u = true;
  154. }
  155. });
  156. var p=true;
  157. $("#password").blur(function(){
  158. var val=this.value;
  159. if(!val){
  160. $("#pwd").css("color","red");
  161. $("#pwd").html("请输入密码");
  162. return p = false;
  163. }
  164. /* else if(val.length < 9){
  165. $("#pwd").css("color","red");
  166. $("#pwd").html("密码过短");
  167. return p = false;
  168. }*/
  169. else{
  170. $("#pwd").css("color","green");
  171. $("#pwd").html("密码可用");
  172. return p = true;
  173. }
  174. });
  175. var p1=true;
  176. $("#re_password").blur(function(){
  177. var val=this.value;
  178. if(!val
  179. ){
  180. $("#pwd1").css("color","red");
  181. $("#pwd1").html("请再次输入密码");
  182. return p1 = false;
  183. }else if(val != $(":password").val()){
  184. $("#pwd1").css("color","red");
  185. $("#pwd1").html("两次输入不同");
  186. return p1 = false;
  187. }else{
  188. $("#pwd1").css("color","green");
  189. $("#pwd1").html("密码格式正确");
  190. return p1 = true;
  191. }
  192. });
  193. $("form").submit(function()
  194. {
  195. $("#username").blur();
  196. $("#password").blur();
  197. $("#repassword").blur();
  198. if(u && p && p1)
  199. {
  200. return true;
  201. }
  202. return false;
  203. });
  204. $("#code").click(function(){
  205. this.src = this.src+'?'+Math.random();
  206. });
  207. </script>
  208. </block>