如何在验证控制器失败后启用提交按钮- Laravel

Question

提交表单时，我的数据在控制器中得到验证。调整导致验证失败的字段后，将无法再提交（启用提交按钮）。在我的网络监视器中，我得到了代码 302（重定向失败，我无法摆脱它）只有在重新加载页面时才能提交数据，但随后所有数据都会丢失，用户必须重新填写表单。验证失败后如何重新提交数据？

在 ProjectController.php 中，您将找到字段的验证。我想在验证失败后我就退出了表格。我需要再次进入表格才能提交。感谢您的帮助。

ProjectController.php

  public function store(Request $request, Project $project)
    {
        // Validate fields
        $validator = Validator::make($request->all(), [
            'name'                  => 'required|min:3',
            'mail'                  => 'required|email', 
            'intern_extern'         => 'required',
            'institute'             => 'min:2',
            'project'               => 'required|min:3',

        ]);

        if ($validator->fails()) {
            return redirect('/projects/create')
                ->back()
                ->withErrors($validator)
                ->withInput();
        }

        $project = new project();
        $project->name = request('name');
        $project->mail = request('mail');
        $project->intern_extern = request('intern_extern');
        $project->institute = request('institute');
        $project->project_name = request('project');
        $project->status = project::STATUS_NEW;

        $project->save();

        return redirect()->back()->with('message', 'New project is create');
    }

create.blade.php

<form action="/projects" method="POST" id="create_project" >
@csrf
@include('error')


<!-- Create a New project -->
<div class="card">
    <h1 class="card-header text-center">Create New project</h1>

    <!-- Start contact info -->
    <div class="card-body">
        <h3 class="card-title">Contact info</h3>
        <div class="card-text"> 

            <!-- Start row -->
            <div class="row">
                <div class="col-2">
                    <div class="d-flex">
                        <div class="p-1">
                            <label class="p-2" for="name">Name*</label>
                        </div> 
                    </div>
                </div> 
                <div class="col-4"> 
                    <div class="d-flex">                       
                        <div class="flex-fill p-2">
                            <input type="text" 
                                    class="form-control input-text"
                                    placeholder="name"
                                    name="name"
                                    value="{{old('name')}}"
                                    required
                            >
                        </div>
                    </div> 
                </div>
                <div class="col-2">
                    <div class="d-flex">
                        <div class="p-1">
                            <label class="p-2" for="mail">Email*</label>
                        </div>
                    </div>
                </div>
                <div class="col-4"> 
                    <div class="d-flex">   
                        <div class="flex-fill p-2">
                            <input type="email" 
                                    class="form-control input-text"
                                    placeholder="Email" 
                                    name="mail"
                                    value="{{old('mail')}}"
                                    required
                            >
                        </div>
                    </div> 
                </div>     
            </div> <!-- End row -->

            <!-- Start row -->
            <div class="row">
                <div class="col-2">
                    <div class="d-flex">
                        <div class="p-1">
                            <label class="p-2" for="intern_extern">Intern*</label>
                        </div> 
                    </div>
                </div>
                <div class="col-4"> 
                    <div class="d-flex">                    
                        <div class="flex-fill p-2">
                            <select name="intern_extern" class="form-control" id="YesNo" onchange="displayInstitute()" required>
                                <option>{{old('intern_extern')}}</option>
                                <option id="isYes">Yes</option>
                                <option id="isNo">No</option>
                            </select>
                            <p><font id="result" color="dodgerBlue"></font></p>
                        </div>
                    </div> 
                </div>
                <div class="col-2">
                    <div class="d-flex">
                        <div class="p-1" >
                            <label id="institute_label" class="p-2" for="institute" style="display: none;">Institute*</label>
                        </div>
                    </div>
                </div>
                <div class="col-4"> 
                    <div class="d-flex">   
                        <div class="flex-fill p-2">
                            <select name="institute" class="form-control" id="ifyes" style="display: none;">
                                <option>{{old('institute')}}</option>
                                <option>QZA</option>
                                <option>PB</option>
                                <option>LET</option>

                            </select>
                            <input type="text" id="ifno" style="display: none;"
                                    class="form-control input-text" 
                                    name="institute"                                    
                            >
                        </div>
                    </div> 
                </div>     
            </div> <!-- End row -->                   
        </div> <!-- End text -->
    </div>  <!-- End body -->
</div> <!-- End card -->

<!-- project -->
<div class="card">
    <div class="card-body">
        <h3 class="card-title">project</h3>
        <div class="card-text"> 

            <!-- start row -->
            <div class="row">
                <div class="col-2">
                    <div class="d-flex">
                        <div class="p-1">
                            <label class="p-2" for="project">Name*</label>
                        </div> 
                    </div>
                </div> 
                <div class="col-4"> 
                    <div class="d-flex">                       
                        <div class="flex-fill p-2">
                            <input type="text" 
                                    class="form-control input-text" 
                                    placeholder="Project Name"
                                    name="project" 
                                    value="{{old('project')}}"
                                    required
                            >
                        </div>
                    </div> 
                </div>
            </div> <!-- End row -->

        <div class="row">
            <div class="col-4 offset-4">
                <button type="submit" class="btn btn-primary btn-block" style="margin: 10px;">New project</button>
            </div>
        </div>
    </div>  <!-- End body -->
</div> <!-- End card -->
    <!-- Submit field -->

</form>

Answer 1

你为什么不在控制器中这样做

      $request->validate([
        'name'                  => 'required|min:3',
        'mail'                  => 'required|email', 
        'intern_extern'         => 'required',
        'institute'             => 'min:2',
        'project'               => 'required|min:3',

    ]);

如果验证失败，它会自动将您重定向到上一页。

Answer 2

您在使用 ->back() 时为重定向函数提供了一个参数。正确的方法如下。另请查看 document。您不需要手动执行此操作。

if ($validator->fails()) {
            return redirect()
                ->back()
                ->withErrors($validator)
                ->withInput();
        }

Answer 3

如果主验证器中的任何验证失败，它会将您重定向回上一页。如果您在函数内部有任何验证，您可能需要使用

return redirect()->back()->withErrors($validator)->withInput();

或者直接使用

return redirect()->back()->withInput();

取回所有输入的值。试试这个，如果有任何错误请告诉我。

编辑您不必使用

if ($validator->fails()) {
            return redirect('/projects/create')
                ->back()
                ->withErrors($validator)
                ->withInput();
        }

只需留下这些行的评论并尝试。例如，在我的函数中我只是添加了这个并且我没有使用任何 if 条件进行验证。删除变量 $validator .

$validator = Validator::make($request->all(), [
            'name'                  => 'required|min:3',
            'mail'                  => 'required|email', 
            'intern_extern'         => 'required',
            'institute'             => 'min:2',
            'project'               => 'required|min:3',

        ]);

而不是使用以下方法。

$this->validate($request, [
'registration' => 'required|string|max:30',
'documentType' => 'required'
]);

Answer 4

感谢@Hadi 和@farooq 的帮助，我终于让它工作了。我可以在控制器中的验证失败并调整导致验证失败的字段后重新提交表单。我不太明白为什么这有帮助，但它有效。 link 帮助了我（Laravel 中的数据验证：正确的方法）。

create.blade.php（将其放在我的表格上方）

@if ( ! $errors->isEmpty() )
    <div class="row">
        @foreach ( $errors->all() as $error )
        <div class="col-md-6 col-md-offset-2 alert alert-danger">{{ $error }}</div>
        @endforeach
    </div>
@elseif ( Session::has( 'message' ) )
    <div class="row">
        <div class="col-md-6 col-md-offset-2 alert alert-success">{{ Session::get( 'message' ) }}</div>
    </div>
@else
        <p>&nbsp;</p>
@endif

ProjectController.php（在我的控制器中使用了这个）

if ($validator->fails()) {
    return redirect()->back()->withErrors($validator)->withInput();
}

如何在验证控制器失败后启用提交按钮- Laravel

How to enable submit button after failed validations controller- Laravel

html

php

validation

form-submit

laravel

ProjectController.php

create.blade.php

create.blade.php（将其放在我的表格上方）

ProjectController.php（在我的控制器中使用了这个）