Laravel, как показать ошибку формы с ajax submit?

Question

Я использую ajax для отправки формы без перезагрузки страницы после, но я действительно не знаю, как получить ошибки формы, особенно для обязательных полей.

Вот моя форма, этопростая форма с двумя datepicker:

<form>
  <div class="form-group row">
    <label for="date_debut" class="col-md-4 col-form-label text-md-right">Date de début</label>

    <div class="col-md-6">
      <input type="text" id="date_debut" name="date_debut" class="datepicker-here form-control" data-timepicker="true" data-language='fr' placeholder="Choisir une date" />
     </div>
   </div>

   <div class="form-group row">
     <label for="date_fin" class="col-md-4 col-form-label text-md-right">Date de fin</label>

     <div class="col-md-6">
        <input type="text" id="date_fin" name="date_fin" class="datepicker-here form-control" data-timepicker="true" data-language='fr' placeholder="Choisir une date" />
     </div>
    </div>

    <div class="form-group row mb-0">
      <div class="col-md-6 offset-md-4">
        <button id="ajoutDispoButton" onclick="myfunction()" type="button" class="btn btn-primary">
                                            Ajouter
        </button>
      </div>
     </div>

     <input type="hidden" id="user_id" name="user_id" class="form-control" value="{{$user->id}}" required>
</form>

А вот мой Ajax-вызов:

 function myfunction(param){
        var date_debut = $('#date_debut').val();
        console.log(date_debut);
        var date_fin = $('#date_fin').val();
        var user_id = $('#user_id').val();

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $.ajax({
            url: '{{ route('createDispo') }}',
            type: 'POST',
            dataType: "json",
            data: {
                user_id: user_id,
                date_debut: date_debut,
                date_fin: date_fin,
            },

            success: function (data) {
                $("#centralModalSuccess").modal();
                $("#date_fin").val("");
                $("#date_debut").val("");
            },
            error: function (data) {
                var errors = data.responseJSON;
                console.log(errors);
            }
        });
    }

А вот мой контроллер:

public function createDispo(Request $request){
    $user = User::find($request->user_id);
    $disponibilite = new Disponibilite();
    $disponibilite->date_debut = Carbon::createFromFormat('d/m/Y H:i',$request->date_debut);
    $disponibilite->date_fin =  Carbon::createFromFormat('d/m/Y H:i',$request->date_fin);
    $user->disponibilites()->save($disponibilite);

    return response()->json(['ok' => 'ok']); // Return OK to user's browser
}

Я думаюэто не правильный путь, но эта работа.Проблема в том, что я хочу обработать ошибки проверки, мои поля обязательны для заполнения, но я могу отправить вызов ajax, даже если они пусты.

Кто-нибудь знает, как это сделать?

Answer 1

Добавить проверку в функции контроллера

public function createDispo(Request $request){
   $request->validate([
    'date_debut' => 'required',
    'date_fin' => 'required',
]);
// your code 
}

и отображать ошибки в html.

Answer 2

вы можете сделать проверку формы с помощью jquery вместо проверки laravel

Посмотрите на этот вопрос: Простой сценарий проверки формы jQuery