Edit file

File name : scripts.js

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

Save