$(document).ready(function () { // Contact Form validation $("#contact-form").validate({ rules: { name: {required: true}, email: {required: true, email: true}, message: {required: true}, }, messages: { name: {required: 'Please enter your name'}, email: {required: 'Please enter your email address', email: 'Please enter a VALID email address', }, message: {required: 'Please enter your message'}, }, submitHandler: function (form) { $.ajax({ url: 'send.php', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $(form).serialize(), success: function (data) { if (data == 'success') { $('#form_message').html('

Successfully Sent Your Message !!!. We Will Contact You As Soon As Possible.

'); $('.success').fadeOut(8000); } else { $('#form_message').html('

Message Send Unsuccessful!!!. Please Check You Details.

'); $('.error').fadeOut(8000); } }, error: function (jqXhr, textStatus, errorThrown) { console.log(errorThrown); } }); return false; }, // Do not change code below errorPlacement: function (error, element) { error.insertAfter(element.parent()); } }); // Review Form Validation $("#sky-form").validate({ rules:{ name: { required: true }, email: { required: true, email: true }, review:{ required: true, minlength: 20 }, quality:{ required: true }, }, messages:{ name:{ required: 'Please enter your name' }, email:{ required: 'Please enter your email address', email: 'Please enter a VALID email address' }, review:{ required: 'Please enter your review' }, quality:{ required: 'Please rate quality of the service' }, }, // Ajax form submition submitHandler: function (form) { $.ajax({ url: 'review-process.php', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $(form).serialize(), beforeSend: function (){ $('#sky-form button[type="submit"]').attr('disabled', true); }, success: function (data) { if (data == 'success') { $("#sky-form").addClass('submited'); } else { $('#form_message').html('

Message Send Unsuccessful!!!. Please Check You Details.

'); $('.error').fadeOut(8000); } }, error: function (jqXhr, textStatus, errorThrown) { console.log(errorThrown); } }); }, // Do not change code below errorPlacement: function (error, element) { error.insertAfter(element.parent()); } }); });