HOME


Mini Shell 1.0
DIR: /home/islapiiu/sites/jetlinetravels/booking-form/
Upload File :
Current File : /home/islapiiu/sites/jetlinetravels/booking-form/scripts.js
//--------------------------------------------------check one by one on blur--------------------------------------------------
jQuery("#txtFullName").blur(function () {
    validateEmpty("txtFullName", "spanFullName");
});

jQuery("#txtEmail").blur(function () {
    ValidateEmail("txtEmail", "spanEmail");
});



jQuery("#txtAdult").blur(function () {
    validateEmpty("txtAdult", "spanAdult");
});

jQuery("#txtChild").blur(function () {
    validateEmpty("txtChild", "spanChild");
});

jQuery("#txtAdate").blur(function () {
    validateEmpty("txtAdate", "spanAdate");
});

jQuery("#txtDdate").blur(function () {
    validateEmpty("txtDdate", "spanDdate");
});

jQuery("#txtRoom").blur(function () {
    validateEmpty("txtRoom", "spanRoom");
});

jQuery("#txtMessage").blur(function () {
    validateEmpty("txtMessage", "spanMessage");
});

jQuery("#captchacode").blur(function () {
    validateEmpty("captchacode", "capspan");
});

jQuery("#btnSubmit").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("txtAdult", "spanAdult") &
            validateEmpty("txtChild", "spanChild") &
            validateEmpty("txtAdate", "spanAdate") &
            validateEmpty("txtDdate", "spanDdate") &
            validateEmpty("txtMessage", "spanMessage") &
            validateEmpty("txtRoom", "spanRoom") &
            validateEmpty("captchacode", "capspan")
            )
    {
        return true;
    } else {
        return false;
    }
}

//--------------------------------------------------Ajax call --------------------------------------------------
function sendForm() {

    var prefers = [];
    $('.prefers').each(function () {
        var val = this.checked ? this.value : '';
        if (val) {
            prefers.push(val);
        }
    });

    var facility = [];
    $('.facility').each(function () {
        var val = this.checked ? this.value : '';
        if (val) {
            facility.push(val);
        }

    });

    var accommodation = [];
    $('.accommodation').each(function () {
        var val = this.checked ? this.value : '';
        if (val) {
            accommodation.push(val);
        }
    });

    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(),
            Arrival_date: jQuery('#txtAdate').val(),
            Departure_date: jQuery('#txtDdate').val(),
            number_of_adult: jQuery('#txtAdult').val(),
            number_of_children: jQuery('#txtChild').val(),
            number_of_room: jQuery('#txtRoom').val(),
            number_of_mobile: jQuery('#txtPhone').val(),
            message: jQuery('#txtMessage').val(),
            prefers: prefers,
            facility: facility,
            ///////////////////////////////////////  holiday: holiday,
            accommodation: accommodation

        },
        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('#txtKids').val("");
                jQuery('#txtAdate').val("");
                jQuery('#txtDdate').val("");
                jQuery('#txtPackage').val("");
                jQuery('#txtAdult').val("");
                jQuery('#txtChildren').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;
    }
    return true;
}

//--------------------------------------------------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;
    }
}