diff --git a/dist/assets/mail/contact_me.js b/dist/assets/mail/contact_me.js index d534819..2a13ab7 100644 --- a/dist/assets/mail/contact_me.js +++ b/dist/assets/mail/contact_me.js @@ -1,75 +1,88 @@ -$(function() { +$(function () { + $( + "#contactForm input,#contactForm textarea,#contactForm button" + ).jqBootstrapValidation({ + preventSubmit: true, + submitError: function ($form, event, errors) { + // additional error messages or events + }, + submitSuccess: function ($form, event) { + event.preventDefault(); // prevent default submit behaviour + // get values from FORM + var name = $("input#name").val(); + var email = $("input#email").val(); + var phone = $("input#phone").val(); + var message = $("textarea#message").val(); + var firstName = name; // For Success/Failure Message + // Check for white space in name for Success/Fail message + if (firstName.indexOf(" ") >= 0) { + firstName = name.split(" ").slice(0, -1).join(" "); + } + $this = $("#sendMessageButton"); + $this.prop("disabled", true); // Disable submit button until AJAX call is complete to prevent duplicate messages + $.ajax({ + url: "/assets/mail/contact_me.php", + type: "POST", + data: { + name: name, + phone: phone, + email: email, + message: message, + }, + cache: false, + success: function () { + // Success message + $("#success").html("
"); + $("#success > .alert-success") + .html( + ""); + $("#success > .alert-success").append( + "Your message has been sent. " + ); + $("#success > .alert-success").append("
"); + //clear all fields + $("#contactForm").trigger("reset"); + }, + error: function () { + // Fail message + $("#success").html("
"); + $("#success > .alert-danger") + .html( + ""); + $("#success > .alert-danger").append( + $("").text( + "Sorry " + + firstName + + ", it seems that my mail server is not responding. Please try again later!" + ) + ); + $("#success > .alert-danger").append("
"); + //clear all fields + $("#contactForm").trigger("reset"); + }, + complete: function () { + setTimeout(function () { + $this.prop("disabled", false); // Re-enable submit button when AJAX call is complete + }, 1000); + }, + }); + }, + filter: function () { + return $(this).is(":visible"); + }, + }); - $("#contactForm input,#contactForm textarea").jqBootstrapValidation({ - preventSubmit: true, - submitError: function($form, event, errors) { - // additional error messages or events - }, - submitSuccess: function($form, event) { - event.preventDefault(); // prevent default submit behaviour - // get values from FORM - var name = $("input#name").val(); - var email = $("input#email").val(); - var phone = $("input#phone").val(); - var message = $("textarea#message").val(); - var firstName = name; // For Success/Failure Message - // Check for white space in name for Success/Fail message - if (firstName.indexOf(' ') >= 0) { - firstName = name.split(' ').slice(0, -1).join(' '); - } - $this = $("#sendMessageButton"); - $this.prop("disabled", true); // Disable submit button until AJAX call is complete to prevent duplicate messages - $.ajax({ - url: "contact_me.php", - type: "POST", - data: { - name: name, - phone: phone, - email: email, - message: message - }, - cache: false, - success: function() { - // Success message - $('#success').html("
"); - $('#success > .alert-success').html(""); - $('#success > .alert-success') - .append("Your message has been sent. "); - $('#success > .alert-success') - .append('
'); - //clear all fields - $('#contactForm').trigger("reset"); - }, - error: function() { - // Fail message - $('#success').html("
"); - $('#success > .alert-danger').html(""); - $('#success > .alert-danger').append($("").text("Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!")); - $('#success > .alert-danger').append('
'); - //clear all fields - $('#contactForm').trigger("reset"); - }, - complete: function() { - setTimeout(function() { - $this.prop("disabled", false); // Re-enable submit button when AJAX call is complete - }, 1000); - } - }); - }, - filter: function() { - return $(this).is(":visible"); - }, - }); - - $("a[data-toggle=\"tab\"]").click(function(e) { - e.preventDefault(); - $(this).tab("show"); - }); + $('a[data-toggle="tab"]').click(function (e) { + e.preventDefault(); + $(this).tab("show"); + }); }); /*When clicking on Full hide fail/success boxes */ -$('#name').focus(function() { - $('#success').html(''); +$("#name").focus(function () { + $("#success").html(""); });