first commit
This commit is contained in:
@@ -0,0 +1,99 @@
|
||||
// JavaScript Document
|
||||
$(document).ready(function() {
|
||||
|
||||
"use strict";
|
||||
|
||||
/*----------------------------------------------------*/
|
||||
/* Comment Form Send Function
|
||||
/*----------------------------------------------------*/
|
||||
|
||||
$(".comment-form").submit(function(e) {
|
||||
e.preventDefault();
|
||||
var name = $(".name");
|
||||
var email = $(".email");
|
||||
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() + "&msg=" + msg.val();
|
||||
$(".loading").fadeIn("slow").html("Loading...");
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
data: dataString,
|
||||
url: "php/commentForm.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.commentform.reset();
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#reset").on('click', function() {
|
||||
$(".form-control").removeClass("success").removeClass("error");
|
||||
});
|
||||
|
||||
/*----------------------------------------------------*/
|
||||
/* Comment Form Validation
|
||||
/*----------------------------------------------------*/
|
||||
|
||||
$(".comment-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"
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user