fix contact form

src/assets/mail/contact_me.js

@@ -1,6 +1,7 @@
 $(function () {
-
+    $(
-  $("#contactForm input,#contactForm textarea").jqBootstrapValidation({
+        "#contactForm input,#contactForm textarea,#contactForm button"
+    ).jqBootstrapValidation({
         preventSubmit: true,
         submitError: function ($form, event, errors) {
             // additional error messages or events
@@ -14,48 +15,60 @@ $(function() {
             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) {
+            if (firstName.indexOf(" ") >= 0) {
-        firstName = name.split(' ').slice(0, -1).join(' ');
+                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",
+                url: "/assets/mail/contact_me.php",
                 type: "POST",
                 data: {
                     name: name,
                     phone: phone,
                     email: email,
-          message: message
+                    message: message,
                 },
                 cache: false,
                 success: function () {
                     // Success message
-          $('#success').html("<div class='alert alert-success'>");
+                    $("#success").html("<div class='alert alert-success'>");
-          $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
+                    $("#success > .alert-success")
+                        .html(
+                            "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;"
+                        )
                         .append("</button>");
-          $('#success > .alert-success')
+                    $("#success > .alert-success").append(
-            .append("<strong>Your message has been sent. </strong>");
+                        "<strong>Your message has been sent. </strong>"
-          $('#success > .alert-success')
+                    );
-            .append('</div>');
+                    $("#success > .alert-success").append("</div>");
                     //clear all fields
-          $('#contactForm').trigger("reset");
+                    $("#contactForm").trigger("reset");
                 },
                 error: function () {
                     // Fail message
-          $('#success').html("<div class='alert alert-danger'>");
+                    $("#success").html("<div class='alert alert-danger'>");
-          $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
+                    $("#success > .alert-danger")
+                        .html(
+                            "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;"
+                        )
                         .append("</button>");
-          $('#success > .alert-danger').append($("<strong>").text("Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!"));
+                    $("#success > .alert-danger").append(
-          $('#success > .alert-danger').append('</div>');
+                        $("<strong>").text(
+                            "Sorry " +
+                                firstName +
+                                ", it seems that my mail server is not responding. Please try again later!"
+                        )
+                    );
+                    $("#success > .alert-danger").append("</div>");
                     //clear all fields
-          $('#contactForm').trigger("reset");
+                    $("#contactForm").trigger("reset");
                 },
                 complete: function () {
                     setTimeout(function () {
                         $this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
                     }, 1000);
-        }
+                },
             });
         },
         filter: function () {
@@ -63,13 +76,13 @@ $(function() {
         },
     });
 
-  $("a[data-toggle=\"tab\"]").click(function(e) {
+    $('a[data-toggle="tab"]').click(function (e) {
         e.preventDefault();
         $(this).tab("show");
     });
 });
 
 /*When clicking on Full hide fail/success boxes */
-$('#name').focus(function() {
+$("#name").focus(function () {
-  $('#success').html('');
+    $("#success").html("");
 });