如何在登录尝试失败后保持打开模式登录表单

Question

我有一个关于身份验证登录的表格。当我尝试失败登录尝试页面刷新和模态表单关闭时，您可能会猜到。但是我想在尝试失败后仍然可见的模式登录表单。

这是我的边栏选项卡页面。

<div id="login-select-field" class="col-md-3 col-6 d-flex-center-align">
@if(Auth::guard('customer')->check())
<div id="login-select-box" class="bg-white c-black d-none">
<div>
<form name="loginForm" action="#" method="POST">
{{ csrf_field() }}
<h2 class="f-16 pt-3 pl-4 mb-3">Sn. {{ Auth::guard('customer')->user()->name }}</h2>
<div class="checkboxes f-14">
<div class="sign-in-border">
<a href="{{ route('customer_reset_password') }}">{{__('growinemea.index.resetpass')}}</a>
</div>
<div class="sign-in-border">
<a href="{{ route('customer.logout') }}"><i class="fa fa-sign-out"></i>{{__('growinemea.auth.logout')}}</a>
</div>
</div>
</form>
</div>
</div>
@else
</div>

打开表单的时间

bg-white c-black d-none

它的回归

bg-white c-black d-block
::before

但是改变它不会改变smt。 我为此尝试了一些jquery代码，但我失败了。因为我。我不擅长这个。 我愿意提出任何建议。提前谢谢。

编辑：登录控制器

public function login(Request $request){

$this->validate($request, [
'email' =>  'required|email',
'password'  =>  'required',
]);
if (Auth::guard('customer')->attempt(['email' => $request->email, 'password' => $request->password], $request->remember)) {
return redirect()->intended(route('homepage'));
}
return redirect()->back()->withInput($request->only('email', 'remember'));
}

编辑2：

@if($errors->any())
<p>A</p>
@else
<p>B</p>
@endif

Answer 1

您可以在登录方法中使用此代码，

public function login(Request $request){

$this->validate($request, [
'email' =>  'required|email',
'password'  =>  'required',
]);
if (Auth::guard('customer')->attempt(['email' => $request->email, 'password' => $request->password], $request->remember)) {
return redirect()->intended(route('homepage'));
return redirect()->back()->withInput($request->only('email', 'remember'));
} else {
return redirect('homepage')->with('error', 'Login Failed!');
}
}

在此之后，您必须在<form>标签之前在您的模态中定义它

@if (session('error'))
<div class="alert alert-danger">
{{ session('error') }}
</div>
@endif

如果您的模态在请求后关闭，请在您的代码中尝试重新打开模态，

@if (session('error'))
<script type="text/javascript">
$('#modal').modal('open'); //include your model id
</script>
@endif

试试这个，如果你有任何疑问，可以发表评论。

Answer 2

这可能会有所帮助。

@if ($errors->any())
<script type="text/javascript">
$(window).on('load',function(){
$('#your-modal-id').modal('show');
});
</script>
@endif