61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
/*==============================================================*/
|
|
// Klev Contact Form JS
|
|
/*==============================================================*/
|
|
(function ($) {
|
|
"use strict"; // Start of use strict
|
|
$("#contactForm").validator().on("submit", function (event) {
|
|
if (event.isDefaultPrevented()) {
|
|
// handle the invalid form...
|
|
formError();
|
|
submitMSG(false, "Did you fill in the form properly?");
|
|
} else {
|
|
// everything looks good!
|
|
event.preventDefault();
|
|
submitForm();
|
|
}
|
|
});
|
|
|
|
|
|
function submitForm(){
|
|
// Initiate Variables With Form Content
|
|
var name = $("#name").val();
|
|
var phone_number = $("#phone_number").val();
|
|
var email = $("#email").val();
|
|
var message = $("#message").val();
|
|
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "assets/php/form-process.php",
|
|
data: "name=" + name + "&phone_number=" + phone_number + "&email=" + email + "&message=" + message,
|
|
success : function(text){
|
|
if (text == "success"){
|
|
formSuccess();
|
|
} else {
|
|
formError();
|
|
submitMSG(false,text);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function formSuccess(){
|
|
$("#contactForm")[0].reset();
|
|
submitMSG(true, "Message Submitted!")
|
|
}
|
|
|
|
function formError(){
|
|
$("#contactForm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
|
|
$(this).removeClass();
|
|
});
|
|
}
|
|
|
|
function submitMSG(valid, msg){
|
|
if(valid){
|
|
var msgClasses = "h4 text-left tada animated text-success";
|
|
} else {
|
|
var msgClasses = "h4 text-left text-danger";
|
|
}
|
|
$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
|
|
}
|
|
}(jQuery)); // End of use strict
|