Question

我有以下代码：

模态：

<form class="form-signin" role="form" method="POST" action="{{ url('/login') }}">
    <div class="modal fade" id="signinModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        @include('application.errors')
        ...
        <button type="submit" class="btn btn-hp-modal underline btn-signup-modal">Log in</button>
    </div>
</form>

控制器：

public function login( Request $request ) {
    ...
    // If the login attempt was unsuccessful
    return $this->sendFailedLoginResponse($request);
}

protected function sendFailedLoginResponse(Request $request)
{   
    throw ValidationException::withMessages([
        $this->username() => [trans('auth.failed')],
    ]); 
}

application.errors：

@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

我遇到的问题是，点击Log in后，无论验证成功与否，都会刷新页面。如果我在刷新页面后打开模态，则会显示该消息，但我希望模式保留以防它实际进入sendFailedLoginResponse。

任何帮助将不胜感激！

Answer 1

如果要在提交时停止刷新页面，则需要使用JavaScript进行客户端验证检查。

要阻止表单提交，您需要在表单提交处理程序中使用event.preventDefault()或return false。

看起来你在这里提交你的服务器，这意味着你无法做你想做的事。如果要实现客户端验证并在失败时阻止页面重新加载，则必须使用JavaScript。

这是一个伪代码示例：

$('#form').submit(function (e) {
    if ($('#username').value() === '') {
        // Show some validation message here...

        // Prevent default and return.
        return e.preventDefault();
    }

    // Submit to API via AJAX call.
});

Answer 2

我找到了另一种方式：

在验证返回中显示一个GET请求以获取一些以前的数据，它不能解决刷新问题，但是至少您可以在重定向用户时恢复数据：

   // if the validator fails, redirect back to the form
    if ($validator->fails()) {
        //let's send some data back (Orlando,Florida):
        return Redirect::to('auth/register?city=Orlando&State=Florida')
            ->withErrors($validator)
            ->withInput(Input::except('password', 'password_confirmation'));


    }else{
     //validation success
    }

Laravel验证失败时停止表单刷新

2 个答案: