//--------------------------------------------------check one by one on blur--------------------------------------------------
jQuery(document).ready(function () {
jQuery("#txtVehicle").blur(function () {
validateEmpty("txtVehicle", "spanVehicle");
});
jQuery("#txtStartDestination").blur(function () {
validateEmpty("txtStartDestination", "spanStartDestination");
});
jQuery("#txtEndDestination").blur(function () {
validateEmpty("txtEndDestination", "spanEndDestination");
});
jQuery("#txtDate").blur(function () {
validateEmpty("txtDate", "spanDate");
});
jQuery("#txtTime").blur(function () {
validateEmpty("txtTime", "spanTime");
});
jQuery("#txtPhone").blur(function () {
validateEmpty("txtPhone", "spanPhone");
});
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("txtVehicle", "spanVehicle") &
validateEmpty("txtStartDestination", "spanStartDestination") &
validateEmpty("txtEndDestination", "spanEndDestination") &
validateEmpty("txtDate", "spanDate") &
validateEmpty("txtTime", "spanTime") &
validateEmpty("txtPhone", "spanPhone") &
validateEmpty("captchacode", "capspan")
)
{
return true;
} else {
return false;
}
}
//--------------------------------------------------Ajax call --------------------------------------------------
function sendForm() {
jQuery.ajax({
url: "booking/send-email.php",
dataType: "json",
type: "POST",
data: {
captchacode: jQuery('#captchacode').val(),
visitor_vehicle: jQuery('#txtVehicle').val(),
visitor_start_destination: jQuery('#txtStartDestination').val(),
visitor_end_destination: jQuery('#txtEndDestination').val(),
visitor_date: jQuery('#txtDate').val(),
visitor_time: jQuery('#txtTime').val(),
visitor_phone: jQuery('#txtPhone').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('#txtVehicle').val("");
jQuery('#txtStartDestination').val("");
jQuery('#txtEndDestination').val("");
jQuery('#txtDate').val("");
jQuery('#txtTime').val("");
jQuery('#txtPhone').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;
}
}
|