<script>
var form = $('#postAddProject');
var button = $('#project-button');
var name = $('#name');
var link = $('#link');
var image = $('#image');
var token = $('input[name=_token]');
var message = $('#message');
var name_error = $('#name-error');
var link_error = $('#link-error');
var image_error = $('#image-error');
button.click(function (event){
event.preventDefault();
var formData = new FormData();
formData.append('name', name.val());
formData.append('link', link.val());
formData.append('image', image[0].files[0]);
$.ajax({
url: form.attr('action'),
method: 'post',
dataType: 'json',
contentType: false,
processData: false,
headers: {
'X-CSRF-TOKEN': token.val()
},
data: formData,
error: function (data) {
if (data.status === 422) {
name_error.html(data.responseJSON.name);
link_error.html(data.responseJSON.link);
image_error.html(data.responseJSON.image);
} else {
alert('success');
}
}
</script>