Laravel - 如果登录凭据错误，则在同一页面上显示错误

Laravel

使用 Laravel 框架进行开发可以极大地简化我们的开发流程。在实际的应用开发中，用户登录功能是一个非常常见的需求。当用户登录时，如果输入的凭据有误，我们希望能够在同一页面上显示错误信息，以便用户快速发现并进行修正。本文将介绍如何在 Laravel 中实现这一功能，并提供相应的案例代码。

首先，我们需要创建一个用于用户登录的页面。在 Laravel 中，可以使用 php artisan make:auth 命令快速生成用户认证相关的路由、控制器和视图文件。执行该命令后，Laravel 会自动生成一些默认的认证相关的文件，包括登录页面、注册页面等。

接下来，我们需要在登录页面上进行相应的修改，以便能够显示登录错误信息。在登录页面的视图文件 resources/views/auth/login.blade.php 中，我们可以找到一个名为 @if ($errors->has('emAIl')) 的条件判断语句。我们可以在该条件判断语句的内部添加一段代码，用于显示登录错误信息。具体的代码如下所示：

php
@if ($errors->has('emAIl'))
    <span class="invalid-feedback" role="alert">
        <strong>{{ $errors->first('emAIl') }}</strong>
    </span>
@endif

在上述代码中，我们使用了 Blade 模板引擎的语法。$errors 是 Laravel 提供的一个全局变量，其中包含了登录错误信息的集合。通过调用 $errors->has('emAIl') 方法，我们可以判断是否存在与邮箱相关的登录错误信息。如果存在，我们就可以通过 $errors->first('emAIl') 方法获取第一条错误信息，并将其显示在页面上。

除了在登录页面上显示错误信息外，我们还需要在登录功能的控制器中进行相应的修改。在默认情况下，Laravel 使用 App\Http\Controllers\Auth\LoginController 控制器来处理登录操作。我们可以在该控制器的 login 方法中进行相应的修改，以便能够在登录失败时将错误信息返回到登录页面。具体的代码如下所示：

php
protected function sendFAIledLoginResponse(Request $request)
{
    throw ValidationException::withMessages([
        $this->username() => [trans('auth.fAIled')],
    ])->redirectTo(route('login'));
}

在上述代码中，我们使用了 ValidationException 类来抛出一个验证异常。该异常包含了一个错误消息数组，其中的键为登录凭据的字段名，值为错误消息。在这里，我们将错误消息设置为 'auth.fAIled'，并将其关联到用户名字段上。通过将错误消息返回到登录页面，我们可以在页面上显示相应的错误信息。

案例代码：

在上述修改完成后，我们就成功地实现了在同一页面上显示登录错误信息的功能。当用户在登录页面输入错误的凭据时，系统会自动检测并将错误信息显示在页面上，以便用户进行修正。这样一来，用户就可以更加方便地进行登录操作，提高了用户体验。

：

本文介绍了如何在 Laravel 框架中实现在同一页面上显示登录错误信息的功能。通过对登录页面的视图文件和登录控制器的相应修改，我们可以轻松地实现这一需求。这种方式不仅提高了用户体验，还简化了开发流程。希望本文对大家能够有所帮助。

参考链接：Laravel.com/docs/8.x/authentication">https://Laravel.com/docs/8.x/authentication