Jquery Global Ajax Error Handler (For Form Validation Messages)

global-ajax-error-handler.js

/**********************************
 
--------------------
Sample Request
--------------------

$.ajax({
  wrapperElement: $('form#wrapperElementClassOrId'),
  url: url,
  type: 'POST',
  dataType: 'json',
  data: $(this).serialize(),
  success: function(response) {
  }
});

*************************************/


$(document).ajaxError(function(event, xhr, settings) {
  var response = xhr.responseJSON;

  switch (xhr.status) {
     case 422:
        $.each(response.error, function(key, errors) {
           var input = $('[name="'+ key +'"]');
           var wrapper = input.parents('.form-group');
           wrapper.addClass('has-error');
           wrapper.append('<div class="help-block">'+ errors[0] +'</div>');
        });
     break;
  }
});

$.ajaxSetup({
  beforeSend: function(xhr, settings) {
     if (! settings.wrapperElement) {
        console.warn('Before send methodunun çalışması için ajax isteğine wrapperElement tanımlaması yapılmalı.');
        return;
     }

     settings.wrapperElement.find('.has-error').removeClass('has-error');
     settings.wrapperElement.find('.help-block').remove();
  }
});