Edit file

File name : scripts.js

Content ://--------------------------------------------------check one by one on blur-------------------------------------------------- jQuery(document).ready(function () { jQuery("#txtAdate").blur(function () { validateEmpty("txtAdate", "spanAdate"); }); jQuery("#txtDdate").blur(function () { validateEmpty("txtDdate", "spanDdate"); }); jQuery("#txtPackage").blur(function () { validateEmpty("txtPackage", "spanPackage"); }); // jQuery("#txtHoteltype").blur(function () { // validateEmpty("txtHoteltype", "spanHoteltype"); // }); // // jQuery("#txtMealtype").blur(function () { // validateEmpty("txtMealtype", "spanMealtype"); // }); // jQuery("#txtRoomtype").blur(function () { // validateEmpty("txtRoomtype", "spanRoomtype"); // }); jQuery("#txtAdults").blur(function () { validateEmpty("txtAdults", "spanAdults"); }); jQuery("#txtChild").blur(function () { validateEmpty("txtChild", "spanChild"); }); jQuery("#txtFullname").blur(function () { validateEmpty("txtFullname", "spanFullname"); }); jQuery("#txtCountry").blur(function () { validateEmpty("txtCountry", "spanCountry"); }); jQuery("#txtEmail").blur(function () { ValidateEmail("txtEmail", "spanEmail"); }); 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("txtAdate", "spanAdate") & validateEmpty("txtDdate", "spanDdate") & validateEmpty("txtPackage", "spanPackage") & // validateEmpty("txtHoteltype", "spanHoteltype") & // validateEmpty("txtMealtype", "spanMealtype") & // validateEmpty("txtRoomtype", "spanRoomtype") & validateEmpty("txtAdults", "spanAdults") & validateEmpty("txtChild", "spanChild") & validateEmpty("txtFullname", "spanFullname") & validateEmpty("txtCountry", "spanCountry") & ValidateEmail("txtEmail", "spanEmail") & 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(), start_date: jQuery('#txtAdate').val(), end_date: jQuery('#txtDdate').val(), tour_package: jQuery('#txtPackage').val(), Hoteltype: jQuery('#txtHoteltype').val(), Mealtype: jQuery('#txtMealtype').val(), no_of_adults: jQuery('#txtAdults').val(), no_of_children: jQuery('#txtChild').val(), Roomtype: jQuery('#txtRoomtype').val(), visitor_name: jQuery('#txtFullname').val(), country: jQuery('#txtCountry').val(), visitor_email: jQuery('#txtEmail').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('#txtAdate').val(""); jQuery('#txtDdate').val(""); jQuery('#txtPackage').val(""); // jQuery('#txtHoteltype').val(""); // jQuery('#txtMealtype').val(""); // jQuery('#txtRoomtype').val(""); jQuery('#txtAdults').val(""); jQuery('#txtChild').val(""); jQuery('#txtFullname').val(""); jQuery('#txtCountry').val(""); jQuery('#txtEmail').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; } }

Save