adminlogin.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="author" content="芝麻开发 http://www.zhimawork.com" />
  6. <title> 管理系统登录 </title>
  7. <link rel="stylesheet" href="css/basic.css" type="text/css" />
  8. <link rel="stylesheet" href="css/login.css" type="text/css" />
  9. <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
  10. <script type="text/javascript" src="js/layer/layer.js"></script>
  11. <script type="text/javascript" src="js/common.js"></script>
  12. <script type="text/javascript">
  13. $(function(){
  14. /**按Enter登录**/
  15. $('#loginform').keydown(function(e){
  16. var e = e || event,
  17. keycode = e.which || e.keyCode;
  18. if (keycode == 13) {
  19. $("#btn_login").trigger("click");
  20. }
  21. });
  22. /**点击刷新验证码**/
  23. $('#vercodeimg').click(function(){
  24. $(this).attr('src', 'vercode.php?'+Math.random());
  25. });
  26. /**点击登录**/
  27. $('#btn_login').click(function(){
  28. var ac = $('input[name="account"]').val();
  29. var pwd = $('input[name="pwd"]').val();
  30. var vercode = $('input[name="vercode"]').val();
  31. var remember = 0;
  32. if($('.remember').prop('checked')){
  33. remember = 1;
  34. }
  35. if(ac == ''){
  36. $('input[name="account"]').focus();
  37. return false;
  38. }
  39. if(pwd == ''){
  40. $('input[name="pwd"]').focus();
  41. return false;
  42. }
  43. if(vercode == ''){
  44. $('input[name="vercode"]').focus();
  45. return false;
  46. }
  47. $.ajax({
  48. type : 'POST',
  49. data : {
  50. account : ac,
  51. pass : pwd,
  52. vercode : vercode,
  53. remember : remember
  54. },
  55. dataType : 'json',
  56. url : 'adminlogin_do.php',
  57. success : function(data){
  58. code = data.code;
  59. msg = data.msg;
  60. switch(code){
  61. case 1:
  62. location.href = 'index.php';
  63. break;
  64. default:
  65. $('#vercodeimg').attr('src', 'vercode.php?'+Math.random());
  66. layer.alert(msg, {icon: 5});
  67. }
  68. }
  69. });
  70. });
  71. });
  72. </script>
  73. </head>
  74. <body id="bg">
  75. <div id="login_container">
  76. <div class="login_top">管理系统登录</div>
  77. <div class="login_content">
  78. <form action="adminlogin_do.php" id="loginform" method="post">
  79. <p class="text">账号</p>
  80. <p><input type="text" name="account" class="input-text" ></p>
  81. <p class="text">密码</p>
  82. <p><input type="password" name="pwd" class="input-text" ></p>
  83. <p class="text">验证码</p>
  84. <p>
  85. <input type="text" name="vercode" class="input-text vercode" >
  86. <img src="vercode.php" class="vercode-img" height="30" alt="刷新换一张" id="vercodeimg"/>
  87. </p>
  88. <p class="submit-line">
  89. <div class="pull-left">
  90. <input type="checkbox" name="remember" class="remember" id="remember" value="1">
  91. <label id="remember-label" for="remember">记住我</label>
  92. </div>
  93. <div class="pull-right">
  94. <input type="button" id="btn_login" class="btn_submit" value="登 陆" />
  95. </div>
  96. <div class="clear"></div>
  97. </p>
  98. </form>
  99. </div>
  100. <div class="login_copyright">Powered by <a href="http://www.zhimawork.com/" target="_blank">ZhimaWork</a></div>
  101. </div>
  102. </body>
  103. </html>