注册遇Auth错误时跳转至登录页且登录页误报错误的问题求助

我懂你遇到的麻烦了——注册出错跳转回登录页后，登录页居然也跟着显示异常提示，这明显不是预期的效果。问题根源其实在Laravel的错误信息存储逻辑上，默认所有表单的错误都会放进全局的错误袋里，切换页面时自然就串了。下面给你一步步解决：

1. 给表单分配专属错误袋（后端修改） #

在登录和注册的控制器方法里，分别指定各自的错误袋，让不同表单的错误信息彻底分开：

登录控制器示例 #

public function login(Request $request)
{
    $validator = Validator::make($request->all(), [
        'email' => 'required|email',
        'password' => 'required',
    ]);

    if ($validator->fails()) {
        // 指定登录专属错误袋
        return redirect()->back()
            ->withErrors($validator, 'login')
            ->withInput();
    }

    // 后续登录验证逻辑...
}

注册控制器示例 #

public function register(Request $request)
{
    $validator = Validator::make($request->all(), [
        'name' => 'required|string|max:255',
        'email' => 'required|string|email|max:255|unique:users',
        'password' => 'required|string|min:8|confirmed',
    ]);

    if ($validator->fails()) {
        // 指定注册专属错误袋
        return redirect()->back()
            ->withErrors($validator, 'register')
            ->withInput();
    }

    // 后续注册逻辑...
}

2. 修改前端错误提示判断逻辑（Blade模板调整） #

现在前端要对应检查各自的错误袋，而不是全局的$errors变量：

登录表单错误提示 #

<div id="lgn" class="btns"> 
 <form method="POST" action="{{ route('login')}}" autocomplete="off"> 
 @csrf 
 <!-- 只检查登录错误袋的内容 -->
 @if($errors->hasBag('login')) 
 <div class="auth-error"> 
 <i class="icon-warning-sign"></i>Error:Incorrect password/email.Please try again 
 </div> 
 @endif 
 <!-- 补充你的登录表单字段 -->
 </form> 
</div>

注册表单错误提示 #

（顺便帮你修复了原代码里多余的</button>标签，这个会导致HTML结构错误）

<div id="reg" class="btns"> 
 <form method="POST" action="{{ route('register')}}" autocomplete="off"> 
 @csrf
 <!-- 只检查注册错误袋的内容 -->
 @if ($errors->hasBag('register')) 
 @foreach ($errors->getBag('register')->all() as $error) 
 <p>{{ $error }}</p> 
 @endforeach 
 @endif 
 <!-- 补充你的注册表单字段 -->
 </form> 
</div>

3. 优化前端切换时的错误状态（可选） #

如果想让切换标签时自动隐藏另一个表单的错误提示，可以给jQuery代码加一点小逻辑：

$('#reg').hide();
$('#btn-login').click(function () {
 $('#reg').hide();
 $('#lgn').show();
 // 隐藏注册表单的错误提示
 $('#reg .auth-error, #reg p').hide();
});
$('#btn-register').click(function () {
 $('#lgn').hide();
 $('#reg').show();
 // 隐藏登录表单的错误提示
 $('#lgn .auth-error').hide();
});

这样修改后，注册的错误只会在注册页面显示，登录的错误也只会出现在登录页面，跳转后就不会再出现错误提示串页的问题啦！

内容的提问来源于stack exchange，提问作者kisila mapeni