login_new.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>系统登录后台</title>
  6. <link rel="stylesheet" type="text/css" href="{{rootUrl}}global/v1/m/web/css/reset.css">
  7. <link rel="stylesheet" type="text/css" href="{{rootUrl}}global/v1/m/web/css/html5.css">
  8. <link rel="stylesheet" type="text/css" href="{{rootUrl}}global/v1/m/web/css/led/global.css">
  9. <link rel="stylesheet" type="text/css" href="{{rootUrl}}global/v1/m/web/css/led/login.css">
  10. <script type="text/javascript" src="{{rootUrl}}global/v1/m/web/script/jquery/core/1.6/jquery-1.6.min.js"></script>
  11. <script type="text/javascript" src="{{rootUrl}}global/v1/m/web/script/jquery/plugin/jquery.cookie.js"></script>
  12. <script type="text/javascript" src="{{rootUrl}}global/v1/m/web/script/jquery/plugin/jquery.hotkeys.js"></script>
  13. <!--[if lte IE 8]>
  14. <script type="text/javascript" src="web/script/common/html5.js"></script>
  15. <![endif]-->
  16. </head>
  17. <body>
  18. <div class="pa login-wrapper" role="main">
  19. <div class="reg-action clearfix">
  20. <form method="post" id="login-form" name="login-form">
  21. <div class="reg-item pr fl">
  22. <input name="account" tabindex="1" class="reg-input cp" id="uname" type="text"/>
  23. <label class="pa reg-label cp" for="uname">用户名</label>
  24. <p class="pa reg-tip"></p>
  25. </div>
  26. <div class="reg-item pr fl">
  27. <input name="password" tabindex="2" class="reg-input cp" id="passwd" type="password"/>
  28. <label class="pa reg-label cp" for="passwd">密码</label>
  29. <p class="pa reg-tip"></p>
  30. </div>
  31. <div class="fr pr">
  32. <button class="btn-submit ti fr cp" tabIndex="3" type="button">登录</button>
  33. <div class="pa btn-master">
  34. <p class="loading ti">正在登录</p>
  35. </div>
  36. </div>
  37. <!-- <div class="cb login-misc pt10">
  38. <span><input type="checkbox" name="remember-long" id="remember-long" checked value="1" /> <label class="remember cp">保持登陆<em>(非本机请谨慎操作)</em></label></span>
  39. </div>-->
  40. </form>
  41. </div>
  42. </div>
  43. <!--<footer id="footer" class="pa tc pb5"></footer>-->
  44. <script>
  45. $(function(s){
  46. $('body').focus();
  47. $('.reg-action .reg-input').each(function() {
  48. var items=$(this).parent('.reg-item');
  49. if($(this).val()){
  50. items.addClass("focus");
  51. }
  52. $(this).bind('focus blur',function(event){
  53. var type=event.type;//获取事件类型
  54. if(type=='focus'){
  55. if(items.hasClass('error')){
  56. $(this).val("");
  57. items.removeClass('error');
  58. }
  59. items.addClass('focus');
  60. }else if(!$(this).val()){
  61. items.removeClass('focus');
  62. }
  63. })
  64. });
  65. $(".btn-submit").click(function(){
  66. var wrongTypeName=0,
  67. wrongTypePwd=0,
  68. uname=$("#uname").val(),
  69. pwd=$("#passwd").val(),
  70. plength=pwd.length,
  71. nlength=uname.length,
  72. wrongNameHtml=new Array("","请输入用户名","用户名长度太短","用户名长度超过12位","您的用户名或密码错误","超时,请重新登陆"),
  73. wrongPwdHtml=new Array("","请输入密码","密码长度小于6位","密码长度超过20位","密码中含有非法字符");
  74. if (nlength==0){
  75. wrongTypeName=1;
  76. }
  77. if (nlength>0 && nlength<2){
  78. wrongTypeName=2;
  79. }
  80. if (nlength> 12){
  81. wrongTypeName=3;
  82. }
  83. if (plength==0){
  84. wrongTypePwd=1;
  85. }else{
  86. var patrn=/^(\w){6,20}$/;
  87. if (plength < 6 )
  88. wrongTypePwd=2;
  89. if (plength > 20)
  90. wrongTypePwd=3;
  91. if (plength > 6 && plength < 20){
  92. if (!patrn.exec(pwd))
  93. wrongTypePwd=4;
  94. }
  95. }
  96. var inputTip = function(index,tipHtml,tipNum){
  97. $(".reg-tip").eq(index).html(tipHtml[tipNum]);
  98. if ( tipNum> 0 )
  99. $(".reg-item").eq(index).addClass("error");
  100. else
  101. $(".reg-item").eq(index).removeClass("error");
  102. }
  103. inputTip(0,wrongNameHtml,wrongTypeName);
  104. inputTip(1,wrongPwdHtml,wrongTypePwd);
  105. if ( wrongTypePwd== 0 && wrongTypeName== 0 ){
  106. //$(".reg-input").attr('disabled', true);
  107. $("#login-form input").attr('disabled', true);
  108. $('.remember').unbind('click');
  109. $(".btn-master").addClass("visibility");
  110. var $params="username="+uname+"&password="+pwd;
  111. $.ajax({
  112. type: 'POST',
  113. url:"{{rootUrl}}m",
  114. data: $params,
  115. dataType: "json",
  116. success:function(data){
  117. $(data).each(function(te,u){
  118. // alert(te);
  119. // alert(u.title)
  120. //windows.locale
  121. });
  122. },
  123. error: function(){
  124. wrongTypeName=5;
  125. inputTip(0,wrongNameHtml,wrongTypeName);
  126. $("#login-form input").attr('disabled', false);
  127. $('.remember').bind('click',function(){checkClick();});
  128. $(".btn-master").removeClass("visibility");
  129. }
  130. });
  131. }
  132. });
  133. var checkClick=function(){
  134. if($('#remember-long').attr('checked')=="checked"){
  135. $('#remember-long').attr('checked',false);
  136. $('#remember-long').val("0")}
  137. else{
  138. $('#remember-long').attr('checked',true);
  139. $('#remember-long').val("1")
  140. }
  141. }
  142. $('.remember').bind('click',function(){checkClick();});
  143. $("#remember-long").click(function(){checkClick();});
  144. if($.browser.msie && $.browser.version=="6.0"){
  145. if ($.cookie('masterShow')!="hidden")
  146. $('body').append('<div class="master"><p>您的浏览器是<strong>IE6.0</strong>,漏洞较多,用户体验较差,微软官方将要放弃支持,为了自身电脑安全和获取最佳用户体验建议你根据自身需求升级至<a href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie-8" target="_blank" class="red"><strong>IE8.0</strong></a>以上版本或者使用<a href="http://firefox.com.cn/" target="_blank" class="red"><strong>火狐</strong></a>浏览器</p></div><div class="m-close m-close-short">关闭</div><div class="m-close m-close-long">不再显示</div>');
  147. $(".master").delay(1000).slideDown('',function(){
  148. $(".m-close").fadeIn();
  149. });
  150. $(".m-close-short").click(function(){
  151. $(".m-close").fadeOut('',function(){
  152. $(".master").slideUp();
  153. });
  154. });
  155. $(".m-close-long").click(function(){
  156. $(".m-close").fadeOut('',function(){
  157. $(".master").slideUp();
  158. $.cookie('masterShow', 'hidden');
  159. });
  160. });
  161. }
  162. $(document).bind('keydown', 'return', function(){$(".btn-submit").trigger('click');});
  163. })
  164. </script>
  165. </body>
  166. </html>