| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- <!DOCTYPE html>
- <html lang="{{ config('app.locale','en') }}">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="csrf-token" content="{{ csrf_token() }}">
- <title>{{ config('admin.title', '') }}</title>
- <link href="{{ asset('css/app.css') }}" rel="stylesheet">
- <link href="{{ asset('admin/vendors/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
- <link href="{{ asset('admin/vendors/nprogress/nprogress.css') }}" rel="stylesheet">
- <link href="{{ asset('admin/vendors/animate/animate.min.css') }}" rel="stylesheet">
- <link href="{{ asset('admin/build/css/custom.min.css') }}" rel="stylesheet">
- <link href="{{ asset('admin/my-css.css') }}" rel="stylesheet">
- <style>
- .success{
- display: none;
- }
- </style>
- <script>
- window.Laravel = <?php echo json_encode([
- 'csrfToken' => csrf_token(),
- ]); ?>
- </script>
- </head>
- <body>
- <div>
- <div class="login_wrapper">
- <div class="animate form login_form" id="login-app">
- <section class="login_content">
- <el-form action="{{route('login')}}" method="post" class="form-horizontal" id="form-login">
- <h1>后台管理</h1>
- <!-- email -->
- <ui-input-text label="登录账号:" name="email" value="{{ old('email') }}" placeholder="登录邮箱" maxlength="250" tips="" autofocus="true"></ui-input-text>
- <!-- password -->
- <ui-input label="登录密码:" name="password" placeholder="登录密码" show-password="true" maxlength="250" tips=""></ui-input>
- <!-- captcha -->
- <ui-captcha label="验证码:" name="captcha" src="{{ captcha_src('captcha') }}" placeholder="请输入有效验证码" maxlength="4"></ui-captcha>
- <div class="form-group">
- <div class="col-md-6 col-md-offset-4">
- <div class="checkbox login-remember">
- <label>
- <input type="checkbox" name="remember" {{ old('remember') ? 'checked' : 'checked' }}>   <strong>记住密码</strong>
- </label>
- </div>
- </div>
- </div>
- <div>
- {{ csrf_field() }}
- <input type="submit" class="btn btn-success btn50" value="登陆">
- </div>
- <div class="clearfix"></div>
- </el-form>
- </section>
- </div>
- </div>
- </div>
- <script src="{{asset('js/app.js').'?t=12121'}}"></script>
- <script src="{{ asset('admin/vendors/jquery/dist/jquery.min.js') }}"></script>
- <script src="{{ asset('js/jquery-validation1.16/dist/jquery.validate.min.js') }}"></script>
- <script src="{{ asset('js/jquery-validation1.16/dist/additional-methods.min.js') }}"></script>
- <script src="{{ asset('js/jquery-validation1.16/src/localization/messages_zh.js') }}"></script>
- <script src="{{ asset('js/layer/layer.js') }}"></script>
- <script type="application/javascript">
- $(function(){
- new Vue({
- el: '#login-app',
- data :function () {
- return {};
- }
- });
- jQuery.validator.setDefaults({
- debug: false, // 调试模式true不会提交,false允许提交
- success: "success" // 匹配成功的class样式名称
- });
- $( "#form-login" ).validate({
- rules: {
- email: {
- required: true,
- email: true
- },
- password: {
- required: true,
- rangelength: [6,12],
- normalizer: function ( value ) {
- return $.trim(value);
- }
- },
- captcha: {
- required: true,
- minlength: 4,
- maxlength: 4,
- normalizer: function ( value ) {
- return $.trim(value);
- }
- }
- }
- });
- $.validator.methods.email = function ( value, element ) {
- return this.optional(element) || /[a-zA-Z0-9\._]+@[a-z0-9]+\.[a-z]+/.test( value );
- };
- @if ($errors->has('email'))
- layer.msg("{{ $errors->first('email') }}",{
- time: 3000
- });
- @endif
- // 验证码错误提示
- @if ($errors->has('captcha'))
- layer.tips("{{ $errors->first('captcha') }}", '#captcha',{
- tips: 3,
- time: 3000
- });
- @endif
- });
- </script>
- </body>
- </html>
|