@ -5,8 +5,8 @@
< textarea id = "form_additionalrequirements" name = "additional_requirements" placeholder = "Tell us your travel requirements here: anniversary, honeymoon, family trip, birthday travel, beach, food... (optional)" > < / textarea >
< div class = "selectionBlock" >
< h4 >
Numbers in your group
< h4 style = "margin-bottom: 0;" >
How would you travel?
< / h4 >
< div id = "group_error_msg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please select number in your group.< / div >
@ -134,13 +134,39 @@
< / div >
< / div >
< div class = "selectionBlock" >
< h4 >
When would you travel?
< / h4 >
< div id = "date_error_msg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Select your travel date and trip length (days).< / div >
< / div >
< div class = "travel_group" >
< input type = "radio" value = "exact travel dates" id = "exact" name = "trip_date" >
< label for = "exact" class = "family" >
I have exact travel dates.
< / label >
< / div >
< div class = "travel_group" >
< input type = "radio" value = "approximate travel dates" id = "approximate" name = "trip_date" >
< label for = "approximate" class = "couple" >
I have approximate travel dates.
< / label >
< / div >
< div class = "travel_group" >
< input type = "radio" value = "haven't decided travel dates" id = "yet" name = "trip_date" >
< label for = "yet" class = "solo" >
I haven't decided my travel dates.
< / label >
< / div >
< div class = "trip_date_length" id = "tripDateBlock" style = "display: none" >
< p > Select your travel date and trip length (days).< / p >
< div id = "dateSelectionBlock" >
< input class = "InquiryCalendar datepicker" id = "starting_date" name = "date_start" placeholder = "Starting date *" readonly = "readonly" type = "text" value = "" / >
< div id = "starting_date_errmsg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please enter your starting date.< / div > < / div >
< input type = "month" id = "expectedMonth" name = "expected_month" placeholder = "Select your expected travel date." >
< / div >
< / div >
< / div >
< 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 >
@ -530,6 +556,8 @@ margin-bottom: 10px;
< script src = "https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js" > < / script >
< script >
var selectedExpectedDate = '';
document.addEventListener('DOMContentLoaded', () => {
flatpickr("#starting_date", {
dateFormat: "Y-m-d",
@ -575,13 +603,14 @@ 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 expectedDateVal = document.getElementById("starting_date").value;
var expectedMonthVal = document.getElementById("expectedMonth").value;
var contactVal = document.getElementById("PhoneNo").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");
var startingDateErrEl = document.getElementById("date_error_ msg");
var contactErrEl = document.getElementById("contact_errmsg");
var groupErrEl = document.getElementById("group_error_msg");
@ -604,6 +633,21 @@ function validateQuickInquiryForm() {
result = false;
}
var tripDate_is_checked = false;
if (selectedExpectedDate === 'exact') {
tripDate_is_checked = expectedDateVal !== '';
} else if (selectedExpectedDate === 'approximate') {
tripDate_is_checked = expectedMonthVal !== '';
} else if (selectedExpectedDate === 'yet') {
tripDate_is_checked = true;
}
//时间选择
if (!tripDate_is_checked) {
startingDateErrEl.style.display = '';
result = false;
}
if (realnameVal === '') {
realnameErrEl.style.display = '';
result = false;
@ -618,10 +662,6 @@ function validateQuickInquiryForm() {
result = false;
}
}
if (startingDateVal === '') {
startingDateErrEl.style.display = '';
result = false;
}
if (contactVal === '') {
contactErrEl.style.display = '';
result = false;
@ -665,6 +705,30 @@ function validateQuickInquiryForm() {
})
});
var $tripDateBlock = $('#tripDateBlock');
var $expectedDate = $('#Date_Start');
var $expectedMonth = $('#expectedMonth');
var $dateSelectionBlock = $('#dateSelectionBlock');
$('input[name="trip_date"]').each((i, tripDateEle) => {
$(tripDateEle).click(function (e) {
$expectedDate.val('');
$expectedMonth.val('');
$tripDateBlock.show();
var selectedTripDate = e.currentTarget;
selectedExpectedDate = selectedTripDate.id;
if (selectedTripDate.id === 'exact') {
$dateSelectionBlock.show();
$expectedMonth.hide();
$expectedDate.show();
} else if (selectedTripDate.id === 'approximate') {
$dateSelectionBlock.show();
$expectedDate.hide();
$expectedMonth.show();
} else if (selectedTripDate.id === 'yet') {
$dateSelectionBlock.hide();
}
})
});
//成人
$('#plusAdult').click(function () {
赵鹏
2 years ago