@ -8,7 +8,8 @@
< h3 style = "text-align: center; font-size: 20px; line-height: 22px;" > Start planning your tailor-made tour now. Your 1:1 travel consultant will reply within 1 working day.< / h3 >
< form action = "/orders/quick_inquiry_save" method = "post" novalidate = "" onsubmit = "return validateQuickInquiryForm()" > < input class = "FullName" id = "realname" name = "name" placeholder = "Your name" required = "" type = "text" value = "" / >
< form action = "/orders/quick_inquiry_save" method = "post" novalidate = "" onsubmit = "return validateQuickInquiryForm()" >
< input class = "FullName" id = "realname" name = "name" placeholder = "Your name" required = "" type = "text" value = "" / >
< div id = "realname_errmsg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please enter your name< / div >
< / div >
@ -20,7 +21,7 @@
< div id = "email_verify_errmsg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please verify your email< / div >
< / div >
< input class = "InquiryCalendar datepicker flatpickr-input " id = "starting_date" name = "starting_date" placeholder = "Starting date" readonly = "readonly " type = "hidden" value = "" / > < input class = "InquiryCalendar datepicker form-control input" placeholder = "Starting date" readonly = "readonly" tabindex = "0" type = "text " / >
< input class = "InquiryCalendar " id = "starting_date" name = "starting_date" placeholder = "Starting date" readonly = "readonly " / >
< div id = "starting_date_errmsg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please enter your starting date< / div >
< / div >
@ -30,3 +31,53 @@
< / 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 realnameErrEl = document.getElementById("realname_errmsg");
var emailErrEl = document.getElementById("email_errmsg");
var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
var startingDateErrEl = document.getElementById("starting_date_errmsg");
realnameErrEl.style.display = 'none';
emailErrEl.style.display = 'none';
emailVerifyErrEl.style.display = 'none';
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.style.display = '';
result = false;
}
}
if (startingDateVal === '') {
startingDateErrEl.style.display = '';
result = false;
}
return result;
}
< / script >