87 lines
3.5 KiB
JavaScript
87 lines
3.5 KiB
JavaScript
|
$(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 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",
|
||
|
|
cache: false,
|
||
|
|
data: {
|
||
|
|
name: name,
|
||
|
|
email: email,
|
||
|
|
message: message,
|
||
|
|
},
|
||
|
|
success: function () {
|
||
|
|
// Success message
|
||
|
|
$("#success").html("<div class='alert alert-success'>");
|
||
|
|
$("#success > .alert-success")
|
||
|
|
.html(
|
||
|
|
"<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×"
|
||
|
|
)
|
||
|
|
.append("</button>");
|
||
|
|
$("#success > .alert-success").append(
|
||
|
|
"<strong>Your message has been sent. </strong>"
|
||
|
|
);
|
||
|
|
$("#success > .alert-success").append("</div>");
|
||
|
|
//clear all fields
|
||
|
|
$("#contactForm").trigger("reset");
|
||
|
|
},
|
||
|
|
error: function () {
|
||
|
|
// Fail message
|
||
|
|
$("#success").html("<div class='alert alert-danger'>");
|
||
|
|
$("#success > .alert-danger")
|
||
|
|
.html(
|
||
|
|
"<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×"
|
||
|
|
)
|
||
|
|
.append("</button>");
|
||
|
|
$("#success > .alert-danger").append(
|
||
|
|
$("<strong>").text(
|
||
|
|
"Sorry " +
|
||
|
|
firstName +
|
||
|
|
", an error occurred! Please try again or mail contact@luke-else.co.uk directly!"
|
||
|
|
)
|
||
|
|
);
|
||
|
|
$("#success > .alert-danger").append("</div>");
|
||
|
|
//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");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
/*When clicking on Full hide fail/success boxes */
|
||
|
|
$("#name").focus(function () {
|
||
|
|
$("#success").html("");
|
||
|
|
});
|