laravel 学习日记之 表单提交/AJAX提交与验证器validate之间的纠葛

首先，使用表单提交+Validate 验证 和 使用ajxa提交 +validate验证
后端不变，变化的只有html这边。
统一的后端代码

$rules = [
                'username' => 'required|max:64',
                'password' => 'required|max:500',
            ];
            //定义提示信息
            $messages = [
                'username.required' => '账号不能为空',
                'password.required' => '密码不能为空',
            ];
            $this->validate($request, $rules,$messages);
            return 'success';

表单提交验证 html: 只需要注入下面一串代码，第一个div也可以不写 ，laravel会自动检测$errors信息，并将他显示在这串代码的位置

@if (count($errors))
    {{time()}}
    <div class="alert alert-danger">
        <ul>
            <li>{{ $errors->first()}}</li>
        </ul>
    </div>
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{$error }}</li>
            @endforeach
        </ul>
    </div>
@endif

ajax提交 +validate : ajax这边需要自己处理后端返回的数据，所以要自己写js

        $('#submit').click(function () {
            $.ajax({
                url: "{{route('login')}}",
                type: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                },
                data: $('#myform').serialize(),
                // dataType: "json",
                success: function (data) {

                },
                error: function(data) {
                    if (data.status === 422) {
                        var errors = $.parseJSON(data.responseText);    //转json格式，或直接使用 data.responseJSON
                        $.each(errors, function (key, value) {
                            $('#response').addClass("alert alert-danger");
                            if ($.isPlainObject(value)) {
                                $.each(value, function (key, value) { //这里是对每个错误进行遍历，下面选择是否弹出或者展示页面上
                                    alert(value);  
                                    // $('#response').show().append(value + "<br/>");
                                });
                            } else {
                                // $('#response').show().append(value + "<br/>"); //this is my div with messages
                            }
                        });
                    }
                },
            });
        });