422 (Unprocessable Entity error when submitting form with ajax

@kazehaya 422 is natural response code for invalid data and the errors say exactly the same. Next thing, you're passing {_token: "...", data: "serialized data"}, so you don't have firstname, lastname, 'email` keys in your submited data.

@JarekTkaczyk isn't it true that data: dataString is enough in this case? How should i then bind it?

@kazehaya no. Laravel assume all data are not namespaced

Assuming that _token is part of submited form, use this snippet

$( "#productForm" ).submit(function( e ) {

    e.preventDefault();

    $.ajax({
        type: "POST",
        url: "contact-product",
        data: $(this).serializeArray(),
    contentType: "application/json",
        success: function (form) {
            $("#contact-success").modal('show');
        }
    });
});

$(this).serializeArray() wouldn't work already tried that :/

Why so? Works for me all the time... also, specify contentType. JSON maybe...?

It has something to do with:

    public function rules()
    {
        return [
            'firstname' => 'required',
            'lastname'  => 'required',
            'email'     => 'required'
        ];
    }

If i comment the required fields out it works.. any idea why?

Of course, since they are not required, validation passes, lol.

Looks like data don't reach server. Have you tried dumping data before writing this post?

yeah i tried that see datastring in my post, thats what im trying to send to my method.

@JarekTkaczyk was right i needed to pass the keys first, i created a var for each field and then send it with ajax. See example below. So many thanks @JarekTkaczyk

var firstname = $('input[name=firstname]').val();
var lastname = $('input[name=lastname]').val();

ajax part:

data: {_token: token, firstname: firstname, lastname: lastname}

I was getting same error when i tried to get the form html with error messages after validation.

I solved my problem this way

$validation = Validator::make($request->all(), $validationRules);

if ($validation->fails())
{
       return  Redirect::route('users.create')->withInput()->withErrors($v->errors());
 }

Now i can use same form for ajax and non ajax request :)

Hi, Laravel 5.8 i found the answer the answer

https://stackoverflow.com/questions/32757586/error-422-ajax-post-using-laravel

     error :function( data ) {
        if( data.status === 422 ) {
            var errors = $.parseJSON(data.responseText);
            $.each(errors, function (key, value) {
                // console.log(key+ " " +value);
            $('#response').addClass("alert alert-danger");

                if($.isPlainObject(value)) {
                    $.each(value, function (key, value) {                       
                        console.log(key+ " " +value);
                    $('#response').show().append(value+"<br/>");

                    });
                }else{
                $('#response').show().append(value+"<br/>"); //this is my div with messages
                }
            });
          }