如何在 Laravel Blade 中显示验证错误

在开发 Laravel 应用程序时，我们通常需要进行表单验证。但在表单验证期间可能会出现错误。在 Laravel 中有一种简单方法可以在视图中轻松显示这些错误。在本文中，我们将探讨如何在 Laravel Blade 中显示验证错误。

步骤 1 - 表单验证

在 Laravel 中要使用表单验证功能，我们需要在 app/Http/Requests 目录中创建一个请求类。例如，我们要验证一个名为 email 的表单字段，我们可以编写以下代码：

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class MyFormRequest extends FormRequest
{
    /**
     * 获取验证规则
     *
     * @return array
     */
    public function rules()
    {
        return [
            'email' => 'required|email',
        ];
    }
}

我们可以添加更多的规则来验证其他表单字段。然后，我们需要在控制器的方法中使用该请求类来验证表单。例如：

namespace App\Http\Controllers;

use App\Http\Requests\MyFormRequest;
use Illuminate\Http\Request;

class MyController extends Controller
{
    /**
     * 处理表单提交请求
     *
     * @param  MyFormRequest  $request
     * @return Response
     */
    public function store(MyFormRequest $request)
    {
        // 处理表单提交
    }
}

在这个例子中，我们使用了一个名为 store 的方法来处理表单提交。该方法接收一个 MyFormRequest 对象作为参数，并使用它来验证表单中的数据。

步骤 2 - 在 Blade 中显示验证错误

要在 Blade 中显示表单验证错误，我们可以使用 @if 语句和 @error 指令。例如，我们可以使用以下代码来显示 email 字段的错误消息：

<form action="/myform" method="POST">
    @csrf

    <label for="email">Email:</label>
    <input type="email" id="email" name="email">

    @if($errors->has('email'))
    <div class="error">{{ $errors->first('email') }}</div>
    @endif

    <button type="submit">提交</button>
</form>

在这个例子中，我们使用了一个 @if 语句来检查 $errors 变量的值是否为 true。如果是，我们显示一个 div 标签来包含错误消息。我们还使用了一个 @error 指令来更简单地显示错误消息。例如：

<form action="/myform" method="POST">
    @csrf

    <label for="email">Email:</label>
    <input type="email" id="email" name="email">

    @error('email')
    <div class="error">{{ $message }}</div>
    @enderror

    <button type="submit">提交</button>
</form>

在这个例子中，我们使用了一个 @error 指令来更简洁地显示错误消息。$message 变量包含错误消息的字符串。@error 指令还可以与 @if 语句一起使用，以显示更复杂的错误消息。

结论

在 Laravel Blade 中显示表单验证错误非常简单。我们只需要使用 @if 语句和 @error 指令来显示它们。在本文中，我们已经学习了如何使用这些功能来在 Blade 中轻松地显示验证错误。