You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
4.3 KiB
PHTML
70 lines
4.3 KiB
PHTML
<div class="tmbottom">
|
|
<div class="contactwechat"><img alt="china highlights' wechat code" height="100px" src="https://data.chinahighlights.com/image/forms/inquiry-form-code-2022.png" width="100px" />
|
|
<div class="wechatinfo">Quickly inquire via our WeChat: <span class="wechatred">chinahighlightstour</span></div>
|
|
</div>
|
|
|
|
<p>Or Submit an Inquiry Below</p>
|
|
|
|
<form action="https://www.chinahighlights.com/secureforms/qi_save" id="quick_inquiry_form" method="post" name="quick_inquiry_form" novalidate="" onsubmit="return validateQuickInquiryForm()">
|
|
<div class="InquiryBox">
|
|
<p><span class="inquiry_form_tag"><img alt="" height="25" src="https://data.chinahighlights.com/pic/input-name.png" width="25" /> <span class="form_required">*</span> </span> <input class="FullName" id="realname" name="realname" placeholder="Full name" type="text" /> <span id="realname_errmsg" style="display: none"><span class="requiredArea">Please enter your full name.</span></span></p>
|
|
|
|
<p><span class="inquiry_form_tag"><img alt="" height="25" src="https://data.chinahighlights.com/pic/input-email.png" width="25" /> <span class="form_required">*</span></span> <input class="EmailAddress" id="email" name="email" placeholder="Email" type="text" /> <span id="email_errmsg" style="display: none"><span class="requiredArea">Please enter your email.</span></span> <span id="email_verify_errmsg" style="display: none"><span class="requiredArea">Please verify your email.</span></span></p>
|
|
|
|
<p><span class="inquiry_form_tag"><img alt="" height="25" src="https://data.chinahighlights.com/pic/top10/tour-form-phone-tag-bg.png" width="25" /></span> <input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Any other way to reach you…" type="tel" /></p>
|
|
|
|
<p><span class="inquiry_form_tag"><img alt="" height="25" src="https://data.chinahighlights.com/pic/top10/tour-calendar.png" width="25" /> <span class="form_required">*</span></span><input class="InquiryCalendar form-control input" id="starting_date" placeholder="Starting date" readonly="readonly" tabindex="0" type="text" name="starting_date"/><span id="starting_date_errmsg" style="display: none"><span class="requiredArea">Please enter your starting date.</span></span></p>
|
|
<textarea id="form_additionalrequirements" name="form_additionalrequirements" placeholder="Tell us your travel ideas/interests, how many people, your hotel style…"></textarea>
|
|
<input name="nullemail" type="hidden"> <input name="cli_no" type="hidden" value="YDFW"><button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="submit">Send My Inquiry</button></div>
|
|
</form>
|
|
</div>
|
|
<script src="https://data.chinahighlights.com/js/flatpickr-4.6.1.min.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
flatpickr("#starting_date", {
|
|
dateFormat: "Y-m-d",
|
|
altInput: true,
|
|
altFormat: "F j, Y",
|
|
disableMobile: true,
|
|
minDate: "today"
|
|
});
|
|
});
|
|
|
|
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;
|
|
}
|
|
</script>
|
|
|