(function ($) { "use strict"; $("#resumeUpload").validator().on("submit", function (event) { var first_name = $("#first_name").val(); var last_name = $("#last_name").val(); var email = $("#email").val(); var contact_number = $("#contact").val(); var resume_file = $("#resume_file").val(); var location = $("#location").val(); if (first_name == "" || last_name == "" || email == "" || contact_number == "" || resume_file == "" || location == "") { formError(); submitMSG(false, "Did you fill up the form properly?"); } else { event.preventDefault(); submitForm(); window.location.reload(); } }); function submitForm() { // console.log($('#resume_file').val()) var first_name = $("#first_name").val(); var last_name = $("#last_name").val(); var email = $("#email").val(); var contact_number = $("#contact_number").val(); var resume_file = $('#resume_file')[0].files[0]; var location = $("#location").val(); // var file_data = $('#sortpicture').prop('files')[0]; var form_data = new FormData(); form_data.append('first_name', first_name); form_data.append('last_name', last_name); form_data.append('email', email); form_data.append('contact_number', contact_number); form_data.append('resume_file', resume_file); form_data.append('location', location); $.ajax({ type: "POST", dataType: 'text', cache: false, contentType: false, processData: false, url: "admin/api/careers-form-list.php", data: form_data,// "first_name=" + first_name + "&last_name=" + last_name + "&email=" + email + "&contact_number=" + contact_number + "&location=" + location + "&resume_file" + resume_file, success: function (text) { var data = JSON.parse(text) if (data.status == 200) { formSuccess(); } else { formError(); submitMSG(false, text); } } }); } function formSuccess() { $("#resumeUpload")[0].reset(); submitMSG(true, "Message Submitted!") } function formError() { $("#resumeUpload").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () { $(this).removeClass(); }); } function submitMSG(valid, msg) { if (valid) { var msgClasses = "h4 tada animated text-success text-center"; } else { var msgClasses = "h4 text-danger text-center"; } $("#msgSubmit").removeClass().addClass(msgClasses).text(msg); } }(jQuery));