Edit File: submitAddForm.blade.php
<script> $(document).ready(function() { $(document).on('submit', '.store', function(e) { e.preventDefault(); var url = $(this).attr('action') $.ajax({ url: url, method: 'post', data: new FormData($(this)[0]), dataType: 'json', processData: false, contentType: false, beforeSend: function() { $(".submit_button").html( '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>' ).attr('disabled', true) }, success: function(response) { $(".text-danger").remove() $('.store input').removeClass('border-danger') $(".submit_button").html("{{ __('admin.add') }}").attr( 'disabled', false) Swal.fire({ position: 'top-start', type: 'success', title: '{{ __('admin.added_successfully') }}', showConfirmButton: false, timer: 1500, confirmButtonClass: 'btn btn-primary', buttonsStyling: false, }) setTimeout(function() { window.location.replace(response.url) }, 1000); }, error: function(xhr) { $(".submit_button").html("{{ __('admin.add') }}").attr( 'disabled', false) $(".text-danger").remove() $('.store input').removeClass('border-danger') $.each(xhr.responseJSON.errors, function(key, value) { // if kay has "." it means that input has two languages do this action to handle input name if (key.indexOf(".") >= 0) { var split = key.split('.') key = split[0] + '\\[' + split[1] + '\\]' } $('.store .error.' + key).append( `<span class="mt-5 text-danger">${value}</span>`); // normal inputs if (key == 'image' || key == 'icon') { $('.store input[name^=' + key + ']').addClass( 'border-danger') $('.store input[name^=' + key + ']').parent().parent().parent().parent().parent().after( `<span class="mt-2 mb-2 text-danger d-flex justify-content-center">${value}</span>` ); } else { $('.store input[name^=' + key + ']').addClass( 'border-danger') $('.store input[name^=' + key + ']').after( `<span class="mt-5 text-danger">${value}</span>` ); } // for textarea $('.store textarea[name^=' + key + ']').addClass( 'border-danger') $('.store textarea[name^=' + key + ']').after( `<span class="mt-5 text-danger">${value}</span>`); // for select input $('.store select[name^=' + key + ']').addClass( 'border-danger') $('.store select[name^=' + key + ']').after( `<span class="mt-5 text-danger">${value}</span>`); }); }, }); }); }); </script>
Back to File Manager