Laravel ajax form validation with input field

Question

In Laravel 5.1 Project

I'm getting this Ajax Response As Error

{
      "success":false,
      "errors":{
      "drugs_power":["The drugs power field is required."]
      }
}

i need a error validation like this image i can make it by laravel validator by this code(return From Controller),

$this->validate($request, [
            'drugs_name' => 'required|unique:drugs',
            'drugs_group_name' => 'required',
            'drugs_power' => 'required'
        ]);

Show In blade.php by this code

<div class="form-group{{ $errors->has('drugs_power') ? ' has-error' : '' }}">
   <label for="userName">Power</label>
       <div>
          <input type="text" class="form-control" name="drugs_power"
                                               value="{{old('drugs_power')}}">
        @if ($errors->has('drugs_power'))
          <span class="help-block">
         <strong>{{ $errors->first('drugs_power') }}</strong>
              </span>
           @endif
     </div>


</div>

How can i make ajax+laravel validation just like that??

What is it that you're trying to do exactly? What you have above seems normal, no? Are you trying to return a specific message from the error? — camelCase
– camelCase, Commented Mar 27, 2016 at 23:08
Whatever you are using to perform ajax submit (jQuery?), it also has to be programmed in such a way to process the error data and then append the error message to your HTML. There is no magic in Laravel that will do it for you. — Oliver Maksimovic
– Oliver Maksimovic, Commented Mar 27, 2016 at 23:23

camelCase · Accepted Answer · 2016-03-27 23:14:50Z

1

Passing in a 3rd parameter to validate allows you to specify a custom message, as seen here. You can use "dot" notation to specify the error message to a specific field.

$this->validate($request, [
    'drugs_name' => 'required|unique:drugs',
    'drugs_group_name' => 'required',
    'drugs_power' => 'required'
], [
    'drugs_power.required' => 'Your custom message here.'
]);

answered Mar 27, 2016 at 23:14

camelCase

5,6383 gold badges36 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

camelCase Over a year ago

Laravel will return a JSON response containing all of the validation errors upon failing validation with AJAX requests. It returns this response with status 422 so you can access the errors there. This answer should help you as well.

Frederiek · Accepted Answer · 2016-03-28 12:32:38Z

0

Assuming u are using the Laravel request object correctly you will recieve a response code 422 in your browser.

If you like to catch this globally you can extend the default ajax behavior, by putting following code in your JS.

$(function () {
    $.ajaxSetup({
        statusCode: {
            422: function (data) {
                    $.each(data.responseJSON, function (k, v) {
                      // do something with the error
                    })
            }
        }
    });
});

answered Mar 28, 2016 at 12:32

Frederiek

1,6511 gold badge16 silver badges27 bronze badges

Comments

WhipsterCZ · Accepted Answer · 2016-05-11 09:31:09Z

0

You are looking for https://github.com/whipsterCZ/laravel-ajax

It does exactly what you want and much more!

sending and Validating forms via ajax is simple like this - no configuration needed

HTML

<form action="" class="ajax">...</form>

Controller

public function update(ClientRequest $request, Client $client)
{
    $client->update($request->all());
    $request->session()->flash('success', 'Client has been updated.');

    return \Ajax::redirect(route('clients.index'));
}

It validate form (through custom FormRequest) and shows errors (in errorBag or directly above inputs)

answered May 11, 2016 at 9:31

WhipsterCZ

6671 gold badge8 silver badges15 bronze badges

Collectives™ on Stack Overflow

Laravel ajax form validation with input field

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related