Validación mediante FormRequest y ajax Laravel 5

[nh2006]

Hola amigos,

Quiero hacer la validación de campos en Laravel 5 utilizando FormRequest pero ocupando ajax, normalmente solo con FormRequest los errores se muestran en el formulario recorriendo el array $errors mediante un foreach pero lo que quiero hacer es que mediante ajax me liste en un mensaje los errores del formulario o sino hay errores me muestre un mensaje indicando que la operación se realizó con éxito en el mismo formulario, sin necesidad de recargar todo el formulario o enviar a otra página. Estos mensajes se mostraría en un div con class="alert alert-danger" o div="alert alert-success"


He trabajado lo siguiente:

En rutas tengo:

Código PHP:

Route::post('proceso/registrar','ProcesoController@registrar');
 

En la vista tengo:

Código PHP:

<!-- El formulario -->
<div class="col-xs-offset-2 col-xs-10" id="mensajes">
                  
</div>
 
<!-- resto de la vista -->
 

En el div anterior se van a mostrar los mensajes de error en un "alert alert-danger" o el mensaje de éxito "alert alert-success"

Mi FormRequest esta así:

Código PHP:

<?php namespace App\Http\Requests;
 
use App\Http\Requests\Request;
 
class ProcesoFormRequest extends Request {
 
    public function authorize()
    {
        return true;
    }
 
    public function rules()
    {
        return [
            'dato'=>'required'
        ];
    }
    
    public function response(array $errors)
    {
        if ($this->ajax() || $this->wantsJson())
        {
            return new JsonResponse($errors, 422);
        }
        return $this->redirector->to($this->getRedirectUrl())
                                        ->withInput($this->except($this->dontFlash))
                                        ->withErrors($errors, $this->errorBag);
    }
}
 

El método en mi controlador esta así:

Código PHP:

<!-- resto del controlador -->
public function registrar(ProcesoFormRequest $request)
    {
        if (count($request->errors)==0)    {
            $input=$request->get('dato');
            return '1';
        }else{
            return '2'; 
        }                   
    }
 

Nota: Este método lo he simplificado bastante retornando 1 en caso de éxito o 2 en caso de error, la idea al final es armar un string con todos los errores y devolverlos en lugar del 2.

En la vista tengo el método ajax así:

Código Javascript:

$("#formulario").submit(function(e)
            {                
                var postData = $(this).serialize();
                var formURL = $(this).attr("action");                                       
                $.ajax(
                {
                    url : formURL,
                    type: "POST",
                    data : postData,
                    success:function(data, textStatus, jqXHR) 
                    {                        
                        alert(data);
                    },
                    error: function(jqXHR, textStatus, errorThrown) 
                    {
                        alert(errorThrown);  
                    }
                });
               e.preventDefault();
            });
 

Volviendo al tema, el punto es que hago el envío desde la vista llenando el campo del formulario sí me devuelve 1, pero si lo dejo en blanco me devuelve el error 500 "Internal Server Error"

Me pueden orientar por favor? La idea es que al caso de haber éxito muestre el respectivo mensaje y sino muestre los errores pero en el mismo formulario dentro del div con id="mensajes", sin tener que recargarlo todo o enviarlo a otra página, a mí solo se me ocurre ajax.

Gracias desde ya por su ayuda