login.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="renderer" content="webkit">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  8. <title>{:lang('admin/index/login/title')}</title>
  9. <link rel="stylesheet" href="__STATIC__/layui/css/layui.css?v=1024">
  10. <link rel="stylesheet" href="__STATIC__/css/admin_style.css?v=1024">
  11. <style type="text/css">
  12. body {
  13. color:#999;
  14. background:url('{$background}');
  15. background-size:cover;
  16. }
  17. </style>
  18. </head>
  19. <body class="login-body body">
  20. <div class="login-head">
  21. <h1><a href="//www.maccms.la/">{:lang('admin/index/login/tip_welcome')}</a></h1>
  22. </div>
  23. <div class="login-box">
  24. <form class="layui-form layui-form-pane" method="post" action="">
  25. <div class="layui-form-item">
  26. <h3>{:lang('admin/index/login/tip_sys')}</h3>
  27. </div>
  28. <div class="layui-form-item">
  29. <label class="layui-form-label">{:lang('account')}:</label>
  30. <div class="layui-input-block">
  31. <input type="text" name="admin_name" class="layui-input" lay-verify="admin_name" placeholder="" autocomplete="on" maxlength="20"/>
  32. </div>
  33. </div>
  34. <div class="layui-form-item">
  35. <label class="layui-form-label">{:lang('pass')}:</label>
  36. <div class="layui-input-block">
  37. <input type="password" name="admin_pwd" class="layui-input" lay-verify="admin_pwd" placeholder="" maxlength="20"/>
  38. </div>
  39. </div>
  40. {if condition="$GLOBALS['config']['app']['admin_login_verify'] neq '0'"}
  41. <div class="layui-form-item">
  42. <label class="layui-form-label">{:lang('verify')}:</label>
  43. <div class="layui-input-block">
  44. <input type="number" name="verify" class="layui-input" lay-verify="verify" placeholder="" maxlength="4" max="9999"/><img id="verify_img" src="__ROOT__/index.php/verify/index.html" onclick="this.src = this.src+'?'">
  45. </div>
  46. </div>
  47. {/if}
  48. <button type="button" class="layui-btn btn-submit" lay-submit="" lay-filter="sub">{:lang('admin/index/login/btn_submit')}</button>
  49. </form>
  50. <div class="copyright">
  51. {:lang('maccms_copyright')}
  52. </div>
  53. <fieldset class="layui-elem-field">
  54. <legend>{:lang('admin/index/login/tip_declare')}</legend>
  55. <div class="layui-field-box">
  56. {:lang('admin/index/login/tip_declare_txt')}
  57. </div>
  58. </fieldset>
  59. </div>
  60. <script type="text/javascript" src="__STATIC__/layui/layui.js"></script>
  61. <script type="text/javascript" src="__STATIC__/js/admin_common.js"></script>
  62. <script type="text/javascript">
  63. layui.use(['form', 'layer'], function () {
  64. // 操作对象
  65. var form = layui.form
  66. , layer = layui.layer
  67. , $ = layui.jquery;
  68. // 验证
  69. form.verify({
  70. admin_name: function (value) {
  71. if (value == "") {
  72. return "{:lang('admin/index/login/verify_no')}";
  73. }
  74. },
  75. admin_pwd: function (value) {
  76. if (value == "") {
  77. return "{:lang('admin/index/login/verify_pass')}";
  78. }
  79. },
  80. verify: function (value) {
  81. if (value == "") {
  82. return "{:lang('admin/index/login/verify_verify')}";
  83. }
  84. }
  85. });
  86. // 提交监听
  87. form.on('submit(sub)', function (data) {
  88. layer.msg("{:lang('wait_submit')}",{time:500000});
  89. $.post("{:url('index/login')}",data.field,function(r){
  90. if(r.code==1){
  91. location.href="{:url('index/index')}";
  92. }
  93. else{
  94. layer.msg(r.msg,{time:1800});
  95. $('#verify_img').click();
  96. }
  97. });
  98. return false;
  99. });
  100. $("input[name='admin_name']").bind('keypress',function(event){
  101. if(event.keyCode == "13") {
  102. if($("input[name='admin_name']").val()!=''){
  103. $("input[name='admin_pwd']").focus();
  104. }
  105. }
  106. });
  107. $("input[name='admin_pwd']").bind('keypress',function(event){
  108. if(event.keyCode == "13") {
  109. if($("input[name='admin_pwd']").val()!=''){
  110. $("input[name='verify']").focus();
  111. }
  112. }
  113. });
  114. $("input[name='verify']").bind('keypress',function(event){
  115. if(event.keyCode == "13") {
  116. if($("input[name='verify']").val()!=''){
  117. $('.btn-submit').click();
  118. }
  119. }
  120. });
  121. });
  122. </script>
  123. </body>
  124. </html>