62 lines
2.0 KiB
JavaScript
62 lines
2.0 KiB
JavaScript
|
/*==============================================================*/
|
||
|
|
// Depan 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 email = $("#email").val();
|
||
|
|
var msg_subject = $("#msg_subject").val();
|
||
|
|
var phone_number = $("#phone_number").val();
|
||
|
|
var message = $("#message").val();
|
||
|
|
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: "POST",
|
||
|
|
url: "assets/php/form-process.php",
|
||
|
|
data: "name=" + name + "&email=" + email + "&msg_subject=" + msg_subject + "&phone_number=" + phone_number + "&message=" + message,
|
||
|
|
success : function(statustxt){
|
||
|
|
if (statustxt == "success"){
|
||
|
|
formSuccess();
|
||
|
|
} else {
|
||
|
|
formError();
|
||
|
|
submitMSG(false,statustxt);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
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 tada animated text-success";
|
||
|
|
} else {
|
||
|
|
var msgClasses = "h4 text-danger";
|
||
|
|
}
|
||
|
|
$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
|
||
|
|
}
|
||
|
|
}(jQuery)); // End of use strict
|