//--------------------------------------------------check one by one on blur--------------------------------------------------
jQuery(document).ready(function () {
jQuery("#txtFullName").blur(function () {
validateEmpty("txtFullName", "spanFullName");
});
jQuery("#txtEmail").blur(function () {
ValidateEmail("txtEmail", "spanEmail");
});
jQuery("#txtPhone").blur(function () {
validateEmpty("txtPhone", "spanPhone");
});
jQuery("#txtCountry").blur(function () {
validateEmpty("txtCountry", "spanCountry");
});
jQuery("#txtAdate").blur(function () {
validateEmpty("txtAdate", "spanAdate");
});
jQuery("#txtDdate").blur(function () {
validateEmpty("txtDdate", "spanDdate");
});
jQuery("#txtTour").blur(function () {
validateEmpty("txtTour", "spanTour");
});
// jQuery("#txtAirport").blur(function () {
//
// validateEmpty("txtAirport", "spanAirport");
//
// });
jQuery("#txtAdult").blur(function () {
validateEmpty("txtAdult", "spanAdult");
});
jQuery("#txtMessage").blur(function () {
validateEmpty("txtMessage", "spanMessage");
});
jQuery("#captchacode").blur(function () {
validateEmpty("captchacode", "capspan");
});
jQuery("#btnSubmit").bind('click', function () {
if (!validate()) {
return;
}
jQuery("#checking").show();
sendForm();
});
jQuery('.input-validater').keypress(function (e) {
if (e.keyCode == 13) {
if (!validate()) {
return;
}
jQuery("#checking").show();
sendForm();
}
});
});
//--------------------------------------------------function to check button click --------------------------------------------------
function validate() {
if (
validateEmpty("txtFullName", "spanFullName") &
ValidateEmail("txtEmail", "spanEmail") &
validateEmpty("txtPhone", "spanPhone") &
validateEmpty("txtCountry", "spanCountry") &
validateEmpty("txtAdate", "txtAdate") &
validateEmpty("txtDdate", "txtDdate") &
validateEmpty("txtAdult", "spanAdult") &
validateEmpty("txtMessage", "spanMessage") &
validateEmpty("captchacode", "capspan")
)
{
return true;
} else {
return false;
}
}
//--------------------------------------------------Ajax call --------------------------------------------------
function sendForm() {
jQuery.ajax({
url: "booking-form/send-email.php",
cache: false,
dataType: "json",
type: "POST",
data: {
captchacode: jQuery('#captchacode').val(),
visitor_name: jQuery('#txtFullName').val(),
visitor_email: jQuery('#txtEmail').val(),
visitor_phone: jQuery('#txtPhone').val(),
visitor_country: jQuery('#txtCountry').val(),
visitor_tour: jQuery('#txtTour').val(),
visitor_airport: jQuery('#txtAirport').val(),
visitor_check_in: jQuery('#txtAdate').val(),
visitor_check_out: jQuery('#txtDdate').val(),
visitor_adult: jQuery('#txtAdult').val(),
visitor_child: jQuery('#txtChild').val(),
message: jQuery('#txtMessage').val()
},
success: function (html) {
var status = html.status;
var msg = html.msg;
if (status == "incorrect") {
jQuery("#capspan").addClass("notvalidated");
jQuery("#capspan").html(msg);
jQuery("#capspan").show();
jQuery("#checking").fadeOut(2000);
} else if (status == "correct") {
jQuery("#checking").hide();
jQuery("#dismessage").html(msg).delay(1000).show(1000);
jQuery('#captchacode').val("");
jQuery('#txtFullName').val("");
jQuery('#txtEmail').val("");
jQuery('#txtPhone').val("");
jQuery('#txtCountry').val("");
jQuery('#txtTour').val("");
jQuery('#txtAirport').val("");
jQuery('#txtAdate').val("");
jQuery('#txtDdate').val("");
jQuery('#txtAdult').val("");
jQuery('#txtMessage').val("");
}
}
});
}
//----------------- function to check empty -------------------------------------------------------
function validateEmpty(field, validatorspan)
{
if (jQuery('#' + field).val().length != 0)
{
jQuery('#' + validatorspan).addClass("validated");
jQuery('#' + validatorspan).removeClass("notvalidated");
jQuery('#' + validatorspan).fadeIn('slow').fadeOut(3000);
jQuery('#' + validatorspan).text("");
return true;
} else
{
jQuery('#' + validatorspan).addClass("notvalidated");
jQuery('#' + validatorspan).removeClass("validated");
jQuery('#' + validatorspan).fadeIn('slow').fadeOut(3000);
jQuery('#' + validatorspan).text("This field can not be empty");
return false;
}
}
//--------------------------------------------------function to check email--------------------------------------------------
function ValidateEmail(field, validatordiv)
{
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if (jQuery('#' + field).val().match(mailformat))
{
jQuery('#' + validatordiv).addClass("validated");
jQuery('#' + validatordiv).removeClass("notvalidated");
jQuery('#' + validatordiv).fadeIn('slow').fadeOut(3000);
jQuery('#' + validatordiv).text("");
return true;
} else
{
jQuery('#' + validatordiv).addClass("notvalidated");
jQuery('#' + validatordiv).removeClass("validated");
jQuery('#' + validatordiv).fadeIn('slow').fadeOut(3000);
jQuery('#' + validatordiv).text("You have entered an invalid Email Address");
return false;
}
}
|