@ -1,11 +1,7 @@
< div class = "tmbottom" >
< p style = "padding: 15px 15px 30px 15px;" > Start planning your tailor-made tour now. Your 1:1 travel consultant will reply within 1 working day.< / p >
< form action = "https://www.chinahighlights.com/secureforms/qi_save" id = "quick_inquiry_form" method = "post"
name="quick_inquiry_form" novalidate="" onsubmit="return validateQuickInquiryForm()" >
name="quick_inquiry_form" novalidate="">
< div class = "InquiryBox" >
< textarea id = "form_additionalrequirements" name = "form_additionalrequirements"
placeholder="Tell us your travel requirements here: anniversary, honeymoon, family trip, birthday travel, beach, food... (optional)">< / textarea >
@ -591,7 +587,7 @@
< div class = "checkYes" > < label for = "Phone" > < input class = "checkBorder" id = "Phone" name = "Phone" type = "checkbox" value = "contact via Phone" > Phone call< / label > < / div >
< input type = "hidden" name = "nullemail" >
< input name = "cli_no" type = "hidden" value = " <?php echo $meta_product_code ; ?> " />
< button class = "sendButton" id = "quick_inquiry_button" name = "quick_inquiry_button" type = " submit "> Send My
< button class = "sendButton" id = "quick_inquiry_button" name = "quick_inquiry_button" type = " button "> Send My
Inquiry< / button >
< / div >
< / form >
@ -603,5 +599,76 @@
< div class = "wechatinfo" > Quickly inquire about this tour via our WeChat: < span class = "wechatred" > chinahighlightstour< / span >
< / div >
< / div >
< / div >
< script src = "https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja" > < / script >
< script src = "https://data.chinahighlights.com/js/flatpickr-4.6.1.min.js" > < / script >
< script >
function validateQuickInquiryForm() {
var result = true;
var realnameVal = document.getElementById("realname").value;
var emailVal = document.getElementById("email").value;
var startingDateVal = document.getElementById("starting_date").value;
var startingDateErrEl = document.getElementById("starting_date_errmsg");
var realnameErrEl = document.getElementById("realname_errmsg");
var emailErrEl = document.getElementById("email_errmsg");
var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
if (realnameErrEl) realnameErrEl.style.display = 'none';
if (emailErrEl) emailErrEl.style.display = 'none';
if (emailVerifyErrEl) emailVerifyErrEl.style.display = 'none';
if (startingDateErrEl) startingDateErrEl.style.display = 'none';
if (realnameVal === '') {
realnameErrEl.style.display = '';
result = false;
}
if (emailVal === '') {
emailErrEl.style.display = '';
result = false;
} else {
var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
if (!emailPattern.test(emailVal) & & emailVerifyErrEl) {
emailVerifyErrEl.style.display = '';
result = false;
}
}
if (startingDateVal === '') {
startingDateErrEl.style.display = '';
result = false;
}
return result;
}
document.addEventListener('DOMContentLoaded', () => {
flatpickr("#starting_date", {
dateFormat: "Y-m-d",
altInput: true,
altFormat: "F j, Y",
disableMobile: true,
minDate: "today"
});
var quick_inquiry_form = document.getElementById('quick_inquiry_form');
var quick_inquiry_button = document.getElementById('quick_inquiry_button');
quick_inquiry_button.addEventListener('click', function(evt) {
if (validateQuickInquiryForm()) {
if (typeof(grecaptcha) === "undefined") {
console.warn('grecaptcha is disabled.');
quick_inquiry_form.submit();
} else {
grecaptcha.enterprise.ready(async () => {
const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
var el = document.createElement("input");
el.type = "hidden";
el.name = "__grecaptcha_token__";
el.value = token;
quick_inquiry_form.appendChild(el);
quick_inquiry_form.submit();
});
}
}
});
});
< / div >
< / script >