1

Tengo un problema a la hora de mostrar los mensajes de error del formulario con ajax, por http tradicional va todo bien pero a la hora de hacerlo por ajax y fuerzo un error en el form me indica como respuesta 422 Unprocessable Entity pero no me muestra los mensajes de error como si fuera http normal.

Si el formulario está bien continua con el código del controlador, puse una respuesta más abajo para comprobar si la recibía bien por ajax y efectivamente me respondia el mensaje.

if ($request->ajax()) {
        return response()->json(['mensaje'=>'validacion pasada wey']);
    }

Reitero, por http normal funciona todo bien y me muestra los mensajes de validación correspondientes por ej: nombre no puede ser menor a 3 caracteres.

Revisé la documentación y cito esta parte: En el caso de una petición HTTP tradicional, se generará una respuesta de redireccionamiento, mientras que se enviará una respuesta JSON para las solicitudes AJAX.

Dejo mi código ajax con el cual he estado probando las respuestas:

$('#btn_main').on('click',function(e){
        e.preventDefault();
        var action = $('#mainform').attr('action');
        var method = $('#mainform').attr('method');

        $.ajax({
        beforeSend:function(){
            console.log('before send ok');
        },
        url: action,
        type: method,
        data: $('#mainform').serialize(),
        dataType:'json',

        success:function(respuesta){
            $.each(respuesta,function(name,value){
                console.log('name: '+ name + '\n'+ 'value: '+ value);
            });
        },

        error:function(jqXHR,estado,error){
            console.log('estado error: ' + estado);
            console.log('error de error: ' + error);
        },

        complete:function(jqXHR,estado){
            console.log('estado complete: ' + estado);
        },
        timeout:10000
        });
    });

La forma que estoy validando en el controlador es la siguiente:

$this->validate($request,[
        'tracking' => 'min:3',
        'date' => 'min:6|required'
    ]); 

¿Debo agregar algo extra a la validación en el controlador para que me de la respuesta correspondiente en json?

Así estoy mostrando los errores pero supongo que si me diera una respuesta json los tendré que agregar con jquery.

@if(count($errors)>0)
    <ul class="alert alert-danger">
    @foreach($errors->all() as $error)
        <li>{{ $error }}</li>
    @endforeach
    </ul>
@endif
5
  • El código 422 es correcto, pero ¿qué te aparece entonces en "Network" como respuesta?
    – Shaz
    Commented el 28 jul. 2017 a las 4:08
  • ¿A que te refieres con network? Es mi primer experimento laravel - ajax. Sólo quiero saber la forma de recibir las validaciones de error ya que la documentación dice que me devolverá un objeto json pero la respuesta que me entrega la función error es Unprocessable Entity, no un objeto json con los mensajes de "nombre debe tener almenos 3 caracteres". ¿Me explico? Commented el 28 jul. 2017 a las 4:14
  • Me refiero a la pestaña o a la sección Network de DevTools en Chrome.
    – Shaz
    Commented el 28 jul. 2017 a las 10:32
  • Aún así, ¿podrías hacer una captura o pegar el contenido de la pestaña Network, en la sección Response?
    – Shaz
    Commented el 28 jul. 2017 a las 18:54
  • Me devuelve los mensajes, el problema está en el recorrido para mostrarlos dentro de error; error:function(jqXHR,estado,error){ console.log('estado error: ' + estado); console.log('error de error: ' + error); }, Commented el 28 jul. 2017 a las 18:55

2 respuestas 2

2

espero te sirva o te oriente:

           var token = '{{Session::token()}}';
            var url = '{{route('')}}';//tu ruta donde envias la info.
           var new_marca = $("#marca").val();//guardo el valor de mi input (una marca en mi caso)
                $.ajax({
                            method: 'POST',
                            url: url,
                            data: {_token: token, nombre: new_marca},
                            error: function (data) {
                                var errorsHtml = '';
                                var errors = data.responseJSON;
                                $.each(errors, function (key, value) {
                                    errorsHtml += value;
                                });
                                $("#mas_tex2").addClass('borderClass').delay(4000)
                                        .queue(function () {
                                            $(this).removeClass("borderClass");
                                            $(this).dequeue();
                                        });
                                $("#error_msg2").text(errorsHtml).show().fadeOut(4000);
                            }
                        })
                        .done(function (msg) {
                        });

Solo imprime el primer error que encuentre

<div style="color: #1eb6a7;font-weight: bold;font-size: 14px;"  hidden id="error_msg2"></div>
0

El problema no era la generación de los mensajes de error ya que tal como lo decía la documentación los devolvía automáticamente.

El detalle es que los mensajes llegan por XHR en responseJSON y para mostrarlos la función error quedaría así:

error:function(jqXHR,estado,error){
      $.each(jqXHR.responseJSON,function(indice,valor){
            console.log(indice + ' - ' + valor);
      });
},

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.