#frmContact div{margin-bottom: 15px} .demoInputBox{padding:10px; border:#F0F0F0 1px solid; border-radius:4px;} .error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;} .success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;} .info{font-size:.8em;color: #FF6600;letter-spacing:0;padding-left:0; color:red;} function sendContact() { $('.ddddd').addClass('formloader').text('Loading...'); var valid; valid = validateContact(); if(valid) { var data = new FormData( jQuery('#frmContactForm')[0] ); // jQuery.each(jQuery('#gallery-photo-add')[0].files, function(i, file) { // data.append('file-'+i, file); // }); jQuery.ajax({ url: "https://www.innovativechb.com/wp-admin/admin-ajax.php", //data:'userName='+$("#userName").val()+'&userEmail='+$("#userEmail").val()+'&subject='+$("#subject").val()+'&content='+$(content).val(), data: data, dataType: 'json', contentType: false, cache: false, processData:false, type: "POST", success:function(data){ $("#mail-status").html(data.msg); if(data.status == 'success'){ window.location.href="/thank-you/" $('#frmContactForm')[0].reset(); $('table.gallery').html(''); setTimeout(function() { $("#mail-status").html(""); }, 5000); } $('.ddddd').removeClass('formloader').text('Send'); }, error:function (){ } }); }else{ $('.ddddd').removeClass('formloader').text('Send'); } } function validateContact() { var valid = true; $(".demoInputBox").css('background-color',''); $(".info").html(''); if(!$("#userName").val()) { $("#userName-info").html("(required)"); $("#userName").css('background-color','#FFFFDF'); valid = false; } if(!$("#userEmail").val()) { $("#userEmail-info").html("(required)"); $("#userEmail").css('background-color','#FFFFDF'); valid = false; } if(!$("#userEmail").val().match(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/)) { $("#userEmail-info").html("(invalid)"); $("#userEmail").css('background-color','#FFFFDF'); valid = false; } if(!$("#contentf").val()) { $("#content-info").html("(required)"); $("#content").css('background-color','#FFFFDF'); valid = false; } return valid; } $(function() { // Multiple images preview in browser var imagesPreview = function(input, placeToInsertImagePreview) { if (input.files) { $(placeToInsertImagePreview).html(''); var filesAmount = input.files.length; var Fhtl = ''; for (i = 0; i < filesAmount; i++) { var reader = new FileReader(); var opt = ''; opt += 'Commercial Invoice'; opt += 'Packing List'; opt += 'Bill of Lading'; opt += 'Airway Bill'; opt += 'Power of attorney'; opt += 'Other'; opt += ''; var html = ''; html += ''; //html += 'X'; html += ''+input.files[i].name+''; html += ''+opt+''; html += ''; Fhtl += html; /*reader.onload = function(event) { //$($.parseHTML('')).attr('src', event.target.result).appendTo(placeToInsertImagePreview); $(placeToInsertImagePreview).append(html); }*/ //reader.readAsDataURL(input.files[i]); } $(placeToInsertImagePreview).append(Fhtl); } }; $('#gallery-photo-add').on('change', function() { imagesPreview(this, 'table.gallery'); }); });