login.blade.php 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title>后台登录</title>
  7. <link rel="stylesheet" type="text/css" href="/static/admin/layui/css/layui.css" />
  8. <link rel="stylesheet" type="text/css" href="/static/admin/css/login.css" />
  9. </head>
  10. <body>
  11. <div class="m-login-bg">
  12. <div class="m-login">
  13. <h3>后台管理系统</h3>
  14. <div class="m-login-warp">
  15. <form class="layui-form" method="post" action="{{url('/login')}}">
  16. {{ csrf_field() }}
  17. <div class="layui-form-item">
  18. <input type="text" value="{{ old('username') }}" name="username" required lay-verify="username" placeholder="用户名" autocomplete="off" class="layui-input">
  19. </div>
  20. <div class="layui-form-item">
  21. <input type="password" value="{{ old('password') }}" name="password" required lay-verify="password" placeholder="密码" autocomplete="off" class="layui-input">
  22. </div>
  23. <div class="layui-form-item">
  24. <div class="layui-inline">
  25. <input type="text" name="verity" lay-verify="verity" placeholder="验证码" autocomplete="off" class="layui-input">
  26. </div>
  27. <div class="layui-inline">
  28. <img class="verifyImg" onclick="this.src=this.src+'?c='+Math.random();" src="{{url('/verify')}}" />
  29. </div>
  30. @if (count($errors) > 0)
  31. @foreach ($errors->all() as $error)
  32. <div class="layui-form-mid layui-word-aux" style="color: red;">{{ $error }}</div>
  33. @endforeach
  34. @endif
  35. </div>
  36. <div class="layui-form-item m-login-btn">
  37. <div class="layui-inline">
  38. <button class="layui-btn layui-btn-normal" lay-submit lay-filter="login">登录</button>
  39. </div>
  40. <div class="layui-inline">
  41. <button type="reset" class="layui-btn layui-btn-primary">取消</button>
  42. </div>
  43. </div>
  44. </form>
  45. </div>
  46. <p class="copyright">Copyright 2017-{{date("Y",time())}} by FZS</p>
  47. </div>
  48. </div>
  49. <script src="/static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
  50. <script>
  51. layui.use(['form'], function() {
  52. var form = layui.form(),
  53. layer = layui.layer;
  54. form.verify({
  55. username: [/(.+){2,12}$/, '用户名必须2到12位'],
  56. password: [/(.+){6,12}$/, '密码必须6到12位'],
  57. verity: [/(.+){4}$/, '验证码必须是4位'],
  58. });
  59. });
  60. </script>
  61. </body>
  62. </html>