Home / Questions / 156420
Accepted
Felipe
Asked: 2020-04-17 14:54:58 +0800 CST 2020-04-17 14:54:58 +0800 CST

Capture form request validation in laravel and pass them to vue view

  • 772

How can I capture the result of the form validation from the controller and display it in the vue view?

I have the Store method in the CategoryController controller that is responsible for validating and entering the data to the db, I need to pass the result of the validation to the view, which is if characters, numbers or blank spaces were entered, so that this way you can then pass the data to the table using Axios.

Any ideas? I'm using Laravel 5.6 and Vuejs 2

ajax

2 Answers

  1. Best Answer

    You must improve the question and provide more elements to give concrete answers and not ramble. From what I could understand you want to send validation alerts from the controller to the view; This way I perform my validations and send errors to the view:

    public function locked_check(Request $request){

    $email = Auth::user()->name;

    if(LockSession::isLocked() && Auth::attempt([
            'name' => $email,
            'password' => $request->get('password')
        ]))
    {
        $to = LockSession::unlock();

        return redirect($to);

    } elseif(LockSession::isLocked()){

        return redirect()->route('locked')->with('errors', collect(['password' => 'Sus credenciales son incorrectas']));

    }
    return redirect()->route('locked');
}

public function locked(Request $request){
        //Solo puede acceder a esta página se se blokea primero
        if(!LockSession::isLocked()){
            return back();
        }
        return view('users.bloqueo');
    }

    Code in the view:

    <form class="form-horizontal" method="POST" action="{{ route('locked_check') }}">
                                        {{ csrf_field() }}

                                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                                            <label class="block clearfix">
                                               <span class="block input-icon input-icon-right">
                                                   <input id="password" type="password" class="form-control" name="password" placeholder="Contrase&ntilde;a" required autofocus/>
                                                   <i class="ace-icon fa fa-lock"></i>
                                               </span>

                                                @if ($errors->has('password'))
                                                    <span class="help-block">
                                                        <strong>{{ $errors->get('password') }}</strong>
                                                    </span>
                                                @endif
                                            </label>

                                        </div>

                                        <div class="space"></div>

                                        <div class="form-group">
                                            <div class="col-md-8 col-md-offset-4">
                                                <button type="submit" class="btn btn-primary">
                                                    Acceder
                                                </button>
                                            </div>
                                        </div>                              </form>

    I hope it helps you!

    • 1

  2. you pass it to vue like this and that's it:

    new Vue({
  el: '#app',
  data: {
    ministries: {!! json_encode($variable) !!}
  },
});

    where $variableis a variable that you pass from your controller

    • 0