index.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta http-equiv="Pragma" content="no-cache">
  6. <meta http-equiv="Cache-Control" content="no-cache">
  7. <meta http-equiv="Expires" content="0">
  8. <title>后台登录</title>
  9. <link href="__CSS__/login.css" type="text/css" rel="stylesheet">
  10. </head>
  11. <body>
  12. <div class="login">
  13. <div class="message">管理登录</div>
  14. <div id="darkbannerwrap"></div>
  15. <input name="user_name" placeholder="用户名" type="text" id="user_name">
  16. <hr class="hr15">
  17. <input name="password" placeholder="密码" type="password" id="password">
  18. <hr class="hr15">
  19. <input value="登录" style="width:100%;" type="button" id="login">
  20. <hr class="hr20">
  21. </div>
  22. <div class="copyright"></div>
  23. <script src="__JS__/jquery.min.js" type="text/javascript"></script>
  24. <script src="__JS__/layui/layui.js" type="text/javascript"></script>
  25. <script>
  26. document.onkeydown=function(event){
  27. var e = event || window.event || arguments.callee.caller.arguments[0];
  28. if(e && e.keyCode==13){ // enter 键
  29. doLogin();
  30. }
  31. };
  32. $(function(){
  33. $('#login').click(function(){
  34. doLogin();
  35. });
  36. });
  37. function doLogin(){
  38. var user_name = $("#user_name").val();
  39. var password = $("#password").val();
  40. layui.use('layer', function(){
  41. var layer = layui.layer;
  42. layer.ready(function(){
  43. if('' == user_name){
  44. layer.tips('用户名不能为空', '#user_name');
  45. return false;
  46. }
  47. if('' == password){
  48. layer.tips('密码不能为空', '#password');
  49. return false;
  50. }
  51. var index = layer.load(0, {shade: false});
  52. $.post("{:url('login/doLogin')}", {user_name: user_name, password: password}, function(res){
  53. layer.close(index);
  54. if(1 == res.code){
  55. layer.msg(res.msg);
  56. window.location.href = res.data;
  57. }else{
  58. return layer.msg(res.msg, {anim: 6, time: 1000});
  59. }
  60. }, 'json');
  61. });
  62. });
  63. }
  64. </script>
  65. </body>
  66. </html>