CHIEFSOFT\ameye
101 lines
3.5 KiB
JavaScript
101 lines
3.5 KiB
JavaScript
// JavaScript Document
|
|
$(document).ready(function() {
|
|
|
|
"use strict";
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Cntact Form Send Function
|
|
/*----------------------------------------------------*/
|
|
|
|
$(".contact-form").submit(function(e) {
|
|
e.preventDefault();
|
|
var name = $(".name");
|
|
var email = $(".email");
|
|
var subject = $(".subject");
|
|
var msg = $(".message");
|
|
var flag = false;
|
|
if (name.val() == "") {
|
|
name.closest(".form-control").addClass("error");
|
|
name.focus();
|
|
flag = false;
|
|
return false;
|
|
} else {
|
|
name.closest(".form-control").removeClass("error").addClass("success");
|
|
} if (email.val() == "") {
|
|
email.closest(".form-control").addClass("error");
|
|
email.focus();
|
|
flag = false;
|
|
return false;
|
|
} else {
|
|
email.closest(".form-control").removeClass("error").addClass("success");
|
|
} if (msg.val() == "") {
|
|
msg.closest(".form-control").addClass("error");
|
|
msg.focus();
|
|
flag = false;
|
|
return false;
|
|
} else {
|
|
msg.closest(".form-control").removeClass("error").addClass("success");
|
|
flag = true;
|
|
}
|
|
var dataString = "name=" + name.val() + "&email=" + email.val() + "&subject=" + subject.val() + "&msg=" + msg.val();
|
|
$(".loading").fadeIn("slow").html("Loading...");
|
|
$.ajax({
|
|
type: "POST",
|
|
data: dataString,
|
|
url: "php/contactForm.php",
|
|
cache: false,
|
|
success: function (d) {
|
|
$(".form-control").removeClass("success");
|
|
if(d == 'success') // Message Sent? Show the 'Thank You' message and hide the form
|
|
$('.loading').fadeIn('slow').html('<font color="#48af4b">Mail sent Successfully.</font>').delay(3000).fadeOut('slow');
|
|
else
|
|
$('.loading').fadeIn('slow').html('<font color="#ff5607">Mail not sent.</font>').delay(3000).fadeOut('slow');
|
|
document.contactform.reset();
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$("#reset").on('click', function() {
|
|
$(".form-control").removeClass("success").removeClass("error");
|
|
});
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Contact Form Validation
|
|
/*----------------------------------------------------*/
|
|
|
|
$(".contact-form").validate({
|
|
rules:{
|
|
name:{
|
|
required: true,
|
|
minlength: 1,
|
|
maxlength: 16,
|
|
},
|
|
email:{
|
|
required: true,
|
|
email: true,
|
|
},
|
|
message:{
|
|
required: true,
|
|
minlength: 2,
|
|
}
|
|
},
|
|
messages:{
|
|
name:{
|
|
required: "Please enter no less than (1) characters"
|
|
},
|
|
email:{
|
|
required: "We need your email address to contact you",
|
|
email: "Your email address must be in the format of name@domain.com"
|
|
},
|
|
message:{
|
|
required: "Please enter no less than (2) characters"
|
|
},
|
|
}
|
|
});
|
|
|
|
})
|
|
|
|
|
|
|