login.blade.php 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html lang="{{ config('app.locale','en') }}">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="csrf-token" content="{{ csrf_token() }}">
  8. <title>{{ config('admin.title', '') }}</title>
  9. <link href="{{ asset('css/app.css') }}" rel="stylesheet">
  10. <link href="{{ asset('admin/vendors/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
  11. <link href="{{ asset('admin/vendors/nprogress/nprogress.css') }}" rel="stylesheet">
  12. <link href="{{ asset('admin/vendors/animate/animate.min.css') }}" rel="stylesheet">
  13. <link href="{{ asset('admin/build/css/custom.min.css') }}" rel="stylesheet">
  14. <link href="{{ asset('admin/my-css.css') }}" rel="stylesheet">
  15. <style>
  16. .success{
  17. display: none;
  18. }
  19. </style>
  20. <script>
  21. window.Laravel = <?php echo json_encode([
  22. 'csrfToken' => csrf_token(),
  23. ]); ?>
  24. </script>
  25. </head>
  26. <body>
  27. <div>
  28. <div class="login_wrapper">
  29. <div class="animate form login_form" id="login-app">
  30. <section class="login_content">
  31. <el-form action="{{route('login')}}" method="post" class="form-horizontal" id="form-login">
  32. <h1>后台管理</h1>
  33. <!-- email -->
  34. <ui-input-text label="登录账号:" name="email" value="{{ old('email') }}" placeholder="登录邮箱" maxlength="250" tips="" autofocus="true"></ui-input-text>
  35. <!-- password -->
  36. <ui-input label="登录密码:" name="password" placeholder="登录密码" show-password="true" maxlength="250" tips=""></ui-input>
  37. <!-- captcha -->
  38. <ui-captcha label="验证码:" name="captcha" src="{{ captcha_src('captcha') }}" placeholder="请输入有效验证码" maxlength="4"></ui-captcha>
  39. <div class="form-group">
  40. <div class="col-md-6 col-md-offset-4">
  41. <div class="checkbox login-remember">
  42. <label>
  43. <input type="checkbox" name="remember" {{ old('remember') ? 'checked' : 'checked' }}> &ensp;&ensp;<strong>记住密码</strong>
  44. </label>
  45. </div>
  46. </div>
  47. </div>
  48. <div>
  49. {{ csrf_field() }}
  50. <input type="submit" class="btn btn-success btn50" value="登陆">
  51. </div>
  52. <div class="clearfix"></div>
  53. </el-form>
  54. </section>
  55. </div>
  56. </div>
  57. </div>
  58. <script src="{{asset('js/app.js').'?t=12121'}}"></script>
  59. <script src="{{ asset('admin/vendors/jquery/dist/jquery.min.js') }}"></script>
  60. <script src="{{ asset('js/jquery-validation1.16/dist/jquery.validate.min.js') }}"></script>
  61. <script src="{{ asset('js/jquery-validation1.16/dist/additional-methods.min.js') }}"></script>
  62. <script src="{{ asset('js/jquery-validation1.16/src/localization/messages_zh.js') }}"></script>
  63. <script src="{{ asset('js/layer/layer.js') }}"></script>
  64. <script type="application/javascript">
  65. $(function(){
  66. new Vue({
  67. el: '#login-app',
  68. data :function () {
  69. return {};
  70. }
  71. });
  72. jQuery.validator.setDefaults({
  73. debug: false, // 调试模式true不会提交,false允许提交
  74. success: "success" // 匹配成功的class样式名称
  75. });
  76. $( "#form-login" ).validate({
  77. rules: {
  78. email: {
  79. required: true,
  80. email: true
  81. },
  82. password: {
  83. required: true,
  84. rangelength: [6,12],
  85. normalizer: function ( value ) {
  86. return $.trim(value);
  87. }
  88. },
  89. captcha: {
  90. required: true,
  91. minlength: 4,
  92. maxlength: 4,
  93. normalizer: function ( value ) {
  94. return $.trim(value);
  95. }
  96. }
  97. }
  98. });
  99. $.validator.methods.email = function ( value, element ) {
  100. return this.optional(element) || /[a-zA-Z0-9\._]+@[a-z0-9]+\.[a-z]+/.test( value );
  101. };
  102. @if ($errors->has('email'))
  103. layer.msg("{{ $errors->first('email') }}",{
  104. time: 3000
  105. });
  106. @endif
  107. // 验证码错误提示
  108. @if ($errors->has('captcha'))
  109. layer.tips("{{ $errors->first('captcha') }}", '#captcha',{
  110. tips: 3,
  111. time: 3000
  112. });
  113. @endif
  114. });
  115. </script>
  116. </body>
  117. </html>