login.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  1. <extend name="Public:index" />
  2. <block name="login">
  3. <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="205255" data-redirecturi="__U__/Login/qq_callback" charset="utf-8"></script>
  4. <script>
  5. $('#kw').val('{$Think.get.kw}');
  6. $('#opt').val('{$Think.get.opt}');
  7. $('#select_surname').click(
  8. function(){
  9. $('#all_surname').show();
  10. }
  11. );
  12. $(document).bind('click',function(e){
  13. var e = e || window.event;
  14. var elem = e.target || e.srcElement;
  15. while (elem) {
  16. if (elem.className && elem.className.indexOf('dialog')>-1) {
  17. return;
  18. }
  19. elem = elem.parentNode;
  20. }
  21. $('#all_surname').css('display','none');
  22. });
  23. QC.Login({
  24. btnId:"qqLoginBtn",
  25. size: "A_M" //A_XL| A_L| A_M| A_S| B_M| B_S| C_S
  26. });
  27. url = "__UAPI__/User/detail?callback=?";
  28. $.getJSON(url,function(data){
  29. var data = data.data;
  30. if(data.id){
  31. userinfo = data;
  32. var userBar = ' <a class=" white_color" href="__U__">欢迎:'+data.nickname+'</a>'+
  33. '<a id="logout" class="icon4 white_color" href="__U__/public/logout" target="_self">退出</a>';
  34. document.getElementById("UserBar").innerHTML = userBar;
  35. $('#logout').on('click',logout);
  36. }
  37. });
  38. function logout(){
  39. url = "__UAPI__/Login/logout?callback=?";
  40. $.getJSON(url,function(data){
  41. window.location.reload();
  42. });
  43. }
  44. </script>
  45. <script type="text/javascript"charset="utf-8"src="__PUBLIC__/Home/js/jquery.js"></script>
  46. <script type="text/javascript"charset="utf-8"src="__PUBLIC__/Home/js/ajax.js"></script>
  47. <link rel="stylesheet" href="__PUBLIC__/Home/css/login/global.css">
  48. <link rel="stylesheet" href="__PUBLIC__/Home/css/login/skin.css">
  49. <link rel="stylesheet" href="__PUBLIC__/Home/css/login/autoComplete.css">
  50. <link rel="stylesheet" href="__PUBLIC__/Home/css/login/login.css">
  51. <body class="s-" style="padding-top: 0px;">
  52. <div class="g-doc" style="visibility: visible;">
  53. <div class="g-hd">
  54. <div class="g-in">
  55. <div class="m-logobar">
  56. <h1>
  57. <a href="__APP__">
  58. <em>网易用户中心</em>
  59. <img src="__PUBLIC__/Home/imgs/login/logo.png" alt="网易用户中心" title="网易用户中心">
  60. </a>
  61. </h1>
  62. <i>|</i>
  63. <h2 class="f-ff1">登录</h2>
  64. <div class="notice"></div>
  65. </div>
  66. </div>
  67. </div>
  68. <div class="g-bd">
  69. <div class="g-in" style="position:relative; padding:46px 0;background:url('__PUBLIC__/Home/imgs/login/bg.jpg');">
  70. <iframe id="advList" frameborder="0" scrolling="no" marginheight="0px" marginwidth="0px" style="display: block;width: 990px;height: 512px;position: absolute;bottom: 0px;left: 0px;" src="">
  71. </iframe>
  72. <div class="m-tab m-tab-small">
  73. <div class="tabHd">
  74. <ul class="f-cbli">
  75. <li rel="#loginByAccount" class="z-on"><a href="javascript:void(0);">普通登录</a></li>
  76. <li rel="#loginByCode" style="position:relative; "><a href="javascript:void(0);">二维码登录</a><span class="u-new"></span></li>
  77. </ul>
  78. </div>
  79. <div class="tabBd">
  80. <div id="loginByAccount">
  81. <div id="checkAlert">
  82. <p class="u-tips " style="display:none;">
  83. <em>&nbsp;</em><span></span>
  84. </p>
  85. </div>
  86. <form id="fLogin" method="post" action="__URL__/handerLogin" autocomplete="off" target="_self">
  87. <div class="m-ipt">
  88. <div class="u-ipt">
  89. <div class="iptctn">
  90. <input type="text" name="username" id="username" value="" myholder="帐号" placeholder="帐号">
  91. <span id="nu"></span>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="m-ipt">
  96. <div class="u-ipt">
  97. <div class="iptctn">
  98. <input type="password" name="password" id="password" value="" maxlength="16" myholder="密码" placeholder="密码">
  99. <span id="pwd"></span>
  100. </div>
  101. </div>
  102. </div>
  103. <button type="submit" id="loginBtn" class="u-btn2">登录</button>
  104. </form>
  105. </div>
  106. <div id="loginByCode" class="f-dn">
  107. <form id="codeLoginForm" method="post" action="" autocomplete="off" target="_self">
  108. <input type="hidden" name="product" value="urs">
  109. <input type="hidden" name="noRedirect" value="1">
  110. <input type="hidden" id="ticket" name="ticket" value="">
  111. <div id="qrBox">
  112. <p class="qrMsg">
  113. 使用 <a href="" target="_blank">网易邮箱大师APP</a> 扫一扫快速登录
  114. </p>
  115. <div class="u-tips4 f-dn">
  116. <em>&nbsp;</em><span class="f-ff1"></span>
  117. </div>
  118. <div id="loginQrCodeContainer">
  119. <img src="" id="loginQrCode">
  120. <div class="loginQrCodeCover" style="display:none;"></div>
  121. <div class="loginQrCodeInfor" style="display:none;">
  122. <p><strong>二维码已失效</strong><br>请刷新后重新扫描</p>
  123. <a href="javascript:void(0);" class="u-btn2 reflashOrBtn"><span>刷新</span></a>
  124. </div>
  125. </div>
  126. </div>
  127. </form>
  128. </div>
  129. <div class="loginLinks">
  130. <a href="__U__/public/findpwd" target="_blank">忘记密码?</a>|
  131. <a href="__U__/public/register" >注册</a>|
  132. <span id="qqLoginBtn"></span>|
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="ftnList">
  138. <ul class="g-in f-cb f-cbli"><!--
  139. --><li style="position:relative;">
  140. <a href="" class="u-tips2 u-tips2-ftn1" target="_blank">
  141. <em>&nbsp;</em>
  142. <span>用户中心公众版<br><i>帐号保护神器,安全达人必备</i></span>
  143. </a>
  144. <span class="u-new"></span>
  145. </li><!--
  146. --><li>
  147. <a href="" class="u-tips2 u-tips2-ftn0" target="_blank">
  148. <em>&nbsp;</em>
  149. <span>找回密码<br><i>多种方式快速找回密码</i></span>
  150. </a>
  151. </li><!--
  152. --><li>
  153. <a href="" class="u-tips2 u-tips2-ftn2" target="_blank">
  154. <em>&nbsp;</em>
  155. <span>锁定帐号<br><i>禁止登录,防止帐号被盗</i></span>
  156. </a>
  157. </li><!--
  158. --><li>
  159. <a href="" class="u-tips2 u-tips2-ftn3" target="_blank">
  160. <em>&nbsp;</em>
  161. <span>手机将军令<br><i>安全、实惠、免费、实用</i></span>
  162. </a>
  163. </li><!--
  164. --><li>
  165. <a href="" class="u-tips2 u-tips2-ftn4" target="_blank">
  166. <em>&nbsp;</em>
  167. <span>帐号修复<br><i>通过客服解决帐号问题</i></span>
  168. </a>
  169. </li><!--
  170. --></ul>
  171. </div>
  172. </div>
  173. <div class="g-ft">
  174. <div class="g-in">
  175. <div class="m-cp">
  176. <p>
  177. <a href="" target="_blank">About NetEase</a>-
  178. <a href="" target="_blank">公司简介</a>-
  179. <a href="" target="_blank">联系方式</a>-
  180. <a href="" target="_blank">OAuth2.0认证</a>-
  181. <a href="" target="_blank">招聘信息</a>-
  182. <a href="" target="_blank">客户服务</a>-
  183. <a href="" target="_blank">相关法律</a>-
  184. <a href="" target="_blank">网络营销</a>
  185. </p>
  186. <p>
  187. 网易公司版权所有 ©1997-2015
  188. </p>
  189. </div>
  190. </div>
  191. </div>
  192. <div id="codeTrigger"></div>
  193. </div>
  194. <div id="autoCompleteList"></div>
  195. </body>
  196. <script type="text/javascript" charset="utf-8">
  197. var f = false;
  198. var t = false;
  199. $("#username").blur(function () {
  200. var val = this.value;
  201. if (!val) {
  202. $("#nu").css("color", "red");
  203. $("#nu").html("请输入用户名");
  204. return f = false;
  205. } else {
  206. $("#nu").css("color", "green");
  207. return f = true;
  208. }
  209. });
  210. $("#password").blur(function () {
  211. var val = this.value;
  212. if (!val) {
  213. $("#pwd").css("color", "red");
  214. $("#pwd").html("请输入密码");
  215. return t = false;
  216. }
  217. //else if (val.length < 9) {
  218. // $("#pwd").css("color","red");
  219. //$("#pwd").html("我估计有点短");
  220. //return t=false;
  221. //}
  222. else {
  223. $("#pwd").css("color", "green");
  224. $("#pwd").html("密码格式正确");
  225. return t = true;
  226. }
  227. });
  228. $("form").submit(function () {
  229. $("#username").blur();
  230. $("#password").blur();
  231. if (t && f) {
  232. return true;
  233. }
  234. return false;
  235. });
  236. </script>
  237. </block>