任务15：验证码展示优化及校验功能

<!--继续编辑  \resources\views\Admin\Login\index.blade.php  -->
<style>
        .code{display: flex;}/*flex弹性布局,可以让其包含的input和img同行显示*/
        .code img{border:1px solid #d5d5d5;margin-left:10px;border-radius:3px!important;cursor:pointer;}

</style> 

<div class="loginbox-textbox code">
       <input class="form-control" placeholder="验证码" name="code" type="text">
       <img src="{{captcha_src(‘mini‘)}}" alt="" onclick="this.src=‘{{captcha_src(‘mini‘)}}?‘+Math.random()"> 
</div>
<!--注：上面行内JS代码
onclick="this.src=‘{{captcha_src(‘mini‘)}}?‘+Math.random()"
表示点击验证码图片后会随机切换成另一张不同的验证码图，不停点击可以不停的随机切换  -->

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class LoginRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        return [
            "username" => ‘required‘,
            "password" => "required",
            "code" => "required|captcha"
        ];
    }
    public function messages()
    {
        return [
            "username.required" => "用户名不能为空",
            "password.required" =>"密码不能为空",
            "code.required" =>"验证码不能为空",
            "code.captcha" =>"验证码错误"
        ];
    }
}