laravel 5バリデーションajaxレンダリングエラーレスポンスを表示するビューでエラーを表示する

Question

データベースにデータを追加することを検証するためのフォーム検証があります。私はajax/javascriptを使用する初心者です。どのように私は私のビューでajaxを使用してエラーを表示することができます。

私はこのコードによって、アヤックスからすでにJSON復帰している：私は、この持っている私の見解で

if ($validator->fails()) {  
      return response()->json(['errors' => $validator->messages(), 'status' => 422], 200); 
} 

を：私は私の入力タイプがエラーを表示させるために、エラーを返すことができますどのように

を

<div class="row"> 
    <div class="col-lg-12 col-md-12 col-sm-12 {{ $errors->has('catname') ? ' has-error' : '' }}" style="padding-bottom: 10px;"> 
     <input class="form-control" name="catname" placeholder="Category name" type="text" required /> 
     @if ($errors->has('catname')) 
      <span class="help-block"> 
     <strong>{{ $errors->first('catname') }}</strong> 
       </span> 
     @endif 
    </div> 
</div> 

。

ここは私のajaxです。

function addCategoryAjax(e) { 
    e.preventDefault(); 

    $.ajax({   
     url: "{{ route('admin.addcat') }}",   
     type: "POST", 
     data: $("#frmAddcategory").serialize(), 
     dataType: "JSON", 
     success: function(data) { 
      if(data.status == 422) { 
      for (var error in data.errors) { 
       $('.errors').append(data.errors[error] + '<br>'); 
       } 
      } 
     } 
    }); 
} 

Answer 1

function addCategoryAjax(e) { 
e.preventDefault(); 

$.ajax({   
    url: "{{ route('admin.addcat') }}",   
    type: "POST", 
    data: $("#frmAddcategory").serialize(), 
    dataType: "JSON", 
    success: function(data) { 
     //if success 
     console.log(data); 
     alert('success'); 
    }, 
    error: function(data){ 
     //if error 
     if(data.responseJSON == 422) { 
     $('.errors').html(''); 
     for (var error in data.responseJSON) { 
      $('.errors').append(data.responseJSON[error] + '<br>'); 
      } 
     } 
    } 
}); 
}