Javascript 验证获胜'；不能使用刀片模板

我试图验证我的表单，但当我点击提交按钮时，它总是刷新页面，并且没有验证任何内容。因此，第一个过程从

accountDashboard.blade.php

@section ('content')

<div class = "row">

    <div class = "col-xs-12 col-md-8">

        <div class = "panel panel-default">

            <div class = "panel-heading">

                <h2>Account Dashboard</h2>
                <hr>

            </div>

            <div class = "panel-body">

                <button type = "button" class = "btn btn-info" id = "register">Register Employee</button>
                <button type = "button" class = "btn btn-info" id = "searchEmployee">Search Employee</button>

                <div class = "row">
                <br>
                    <div class="col-md-10">

                        <div class = "panel panel-default">

                        <div class = "panel-body" style = "height: 500px" id = "accountBottomContainer">

                        </div>

                        </div>

                    </div>
                </div> 

            </div>



        </div>

    </div>

</div>

Route::get('/accountRegister',
[
   'uses' => '\App\Http\Controllers\AccountController@getRegister',
   'as' => 'account.accountRegister',
]);

Route::post('/accountRegister', 
[
   'uses' => '\App\Http\Controllers\AccountController@postRegister',
]);

正如您在上面看到的，我有两个按钮，一个用于寄存器和搜索寄存器。例如，我点击

#register

按钮，刀片模板会将其附加到我的第二个

面板主体

，id为

#accountBottomContainer

。下面是我的javascript脚本

<script>

    $(document).on("click", "#register", function ()
    {
        $.get("accountRegister", function (data)
        {
            $("#accountBottomContainer").empty();
            $("#accountBottomContainer").append(data);
        });
    }); 

</script>

控制器

public function postRegister(Request $request)
{
    //VALIDATION
    $this->validate($request, [
                            //This will be unique in users table
        'email' => 'required|unique:users|email|max:255',
        'username' => 'required|unique:users|alpha_dash|max:20',
        'password' => 'required|min:6',
    ]);

    User::create
    ([

        'username' => $request->input('username'),
        'email' => $request->input('email'),
        'password' => bcrypt($request->input('password')),
    ]);

    return redirect()->route('account.accountRegister');
}

accountRegister.blade.php的路由

@section ('content')

<div class = "row">

    <div class = "col-xs-12 col-md-8">

        <div class = "panel panel-default">

            <div class = "panel-heading">

                <h2>Account Dashboard</h2>
                <hr>

            </div>

            <div class = "panel-body">

                <button type = "button" class = "btn btn-info" id = "register">Register Employee</button>
                <button type = "button" class = "btn btn-info" id = "searchEmployee">Search Employee</button>

                <div class = "row">
                <br>
                    <div class="col-md-10">

                        <div class = "panel panel-default">

                        <div class = "panel-body" style = "height: 500px" id = "accountBottomContainer">

                        </div>

                        </div>

                    </div>
                </div> 

            </div>



        </div>

    </div>

</div>

Route::get('/accountRegister',
[
   'uses' => '\App\Http\Controllers\AccountController@getRegister',
   'as' => 'account.accountRegister',
]);

Route::post('/accountRegister', 
[
   'uses' => '\App\Http\Controllers\AccountController@postRegister',
]);

@如果（$errors->has（'username'））
{{$errors->first（'username'）}
@恩迪夫

@如果（$errors->has（'username'））
{{$errors->first（'username'）}
@恩迪夫

您的验证尝试在哪里？下面已经发布了您正在显示PHP检查错误变量，但没有显示它的设置位置。表单上没有javascript验证。您可以使用jQuery库来验证客户端，也可以在控制器中使用Laravel的验证器（未显示）。您的验证尝试在哪里？下面已经发布了您正在显示PHP检查错误变量，但没有显示它的设置位置。表单上没有javascript验证。您可以使用jQuery库验证客户端，也可以在控制器中使用Laravel的验证器（未显示）。您必须形成不同的方法类型和Laravel路由方法类型。方法类型必须为GET或POST。Form method和route method不同。Form method类型和laravel route method类型必须不同。方法类型必须为GET或POST。形式方法和路线方法不同。

<div class="form-group @if($errors->has('username')) has-error @endif">
     <label for="username" class="col-sm-2 control-label"></label>
          <div class="col-sm-10">
              <input type="text" class="form-control" name="username" value="{{ Request::old('username') ?: '' }}" readonly="readonly" />
                  @if($errors->has('username'))
                     <span class="help-block">{{ $errors->first('username') }}</span>
                  @endif
       </div>
 </div>