laravel 验证错误laravel后保持模态对话框打开

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/33459143/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-09-14 12:36:20  来源:igfitidea点击:

Keeping modal dialog open after validation error laravel

laravelmodal-dialoglaravel-5.1

提问by EunJi

So basically I have a blade.php, controller page and a form request page(validation). I'm trying to keep my modal dialog open if there is an error but I just cant figure it out, what part of code am I missing out on or needs to be changed?

所以基本上我有一个blade.php、控制器页面和一个表单请求页面(验证)。如果出现错误,我试图让我的模态对话框保持打开状态,但我无法弄清楚,我遗漏了哪些部分代码或需要更改?

blade.php

刀片.php

<div id="register" class="modal fade" role="dialog">
...

<script type="text/javascript">
if ({{ Input::old('autoOpenModal', 'false') }}) {
    //JavaScript code that open up your modal.
    $('#register').modal('show');
}
</script>

Controller.php

控制器.php

class ManageAccountsController extends Controller
{
    public $userRepository;

    public function __construct(UserRepository $userRepository)
    {
        $this->userRepository = $userRepository;
    }

    public function index() 
    {
        $users = User::orderBy('name')->get();
        $roles = Role::all();

        return view('manage_accounts', compact('users', 'roles'));
    }

    public function register(StoreNewUserRequest $request)
    {
        // process the form here
        $this->userRepository->upsert($request);
        Session::flash('flash_message', 'User successfully added!');

        //$input = Input::except('password', 'password_confirm');
        //$input['autoOpenModal'] = 'true'; //Add the auto open indicator flag as an input.

        return redirect()->back();
    }
}

class UserRepository {

    public function upsert($data)
    {

            // Now we can separate this upsert function here
        $user = new User;
        $user->name     = $data['name'];
        $user->email    = $data['email'];
        $user->password = Hash::make($data['password']);
        $user->mobile   = $data['mobile'];
        $user->role_id  = $data['role_id'];

            // save our user
        $user->save();

        return $user;
    }
}

request.php

请求文件

class StoreNewUserRequest extends Request
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        // create the validation rules ------------------------

        return [
        'name'             => 'required',                        // just a normal required validation
        'email'            => 'required|email|unique:users',     // required and must be unique in the user table
        'password'         => 'required|min:8|alpha_num',
        'password_confirm' => 'required|same:password',           // required and has to match the password field
        'mobile'           => 'required', 
        'role_id'          => 'required'
        ];
    }
}

回答by Thomas Kim

Laravel automatically checks for errors in the session data and so, an $errorsvariable is actually always available on all your views. If you want to display a modal when there are any errors present, you can try something like this:

Laravel 会自动检查会话数据中的错误,因此,$errors变量实际上始终可用于所有视图。如果您想在出现任何错误时显示模态,您可以尝试以下操作:

<script type="text/javascript">
@if (count($errors) > 0)
    $('#register').modal('show');
@endif
</script>

回答by Neeraj Tangariya

Put If condition outside from script. This above is not working in my case

将 If 条件置于脚本之外。以上在我的情况下不起作用

  @if (count($errors) > 0)
    <script type="text/javascript">
        $( document ).ready(function() {
             $('#exampleModal2').modal('show');
        });
    </script>
  @endif