fix: 日期隐藏; 提交按钮ID

master
Lei OT 1 year ago
parent e0042db6a8
commit cc67d3eac0

@ -609,8 +609,8 @@
minDate: "today"
});
var quick_inquiry_button = document.getElementById("quick_inquiry_button");
var quick_inquiry_form = document.getElementById("quick_inquiry_form");
var quick_inquiry_button = document.getElementById("info_page_button");
var quick_inquiry_form = document.getElementById("info_page_form");
quick_inquiry_button.addEventListener('click', function(event) {
var validateResult = validateQuickInquiryForm();

@ -1,9 +1,9 @@
<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
<div class="tmbottom">
<h3 style="text-align: center; font-size: 20px; line-height: 22px;">Inquire now! Your 1:1 travel consultant will reply within 1 working day.</h3>
<h3 style="text-align: center; font-size: 20px; line-height: 22px;">Inquire now! Your 1:1 travel consultant will reply within 1 working day.</h3>
<form action="/orders/quick_inquiry_save" method="post" novalidate="" id="quick_inquiry_form">
<textarea id="form_additionalrequirements" name="additional_requirements" placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..."></textarea>
<div class="selectionBlock">
<h4 style="margin-bottom: 0;margin-top: 0; padding-bottom: 0;">
How would you travel?
@ -71,7 +71,7 @@
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="30">30</option>
</select>
<p style="
margin-top: 5px;font-size: 18px;
@ -110,7 +110,7 @@
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="30">30</option>
</select>
<p style="
margin-top: 5px;font-size: 18px;
@ -149,7 +149,7 @@
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="30">30</option>
</select>
<p style="
margin-top: 5px;font-size: 18px;
@ -226,7 +226,7 @@
<label for="Standard" class="family">
Standard <br>(3-star)
</label>
</div>
</div>
</div>
<div class="selectionBlock" style="margin-bottom: 10px;">
@ -254,13 +254,13 @@
Undecided dates
</label>
</div>
<div class="trip_date_length" id="tripDateBlock" style="display: none">
<div id='dateSelectionBlock'>
<div id='date_start_block'>
<input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="Select your exact travel date." autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
margin-top: 5px;">
margin-top: 5px;">
</div>
<select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
<option value="" disabled selected>Select your approximate travel date.</option>
@ -306,7 +306,7 @@
</div>
</div>
</div>
<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
<div id="realname_errmsg" style="display: none">
@ -315,11 +315,11 @@
<input class="EmailAddress" id="email" name="email" placeholder="Email *" required="" type="text" value="" />
<div id="email_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please enter your email.</div>
</div>
</div>
<div id="email_verify_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please verify your email.</div>
</div>
</div>
<select name="country_code" class="country_code">
<option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>
<option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
@ -573,10 +573,10 @@
<option value="Zimbabwe +263">Zimbabwe&nbsp; &nbsp;+263</option>
<option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+35818</option>
</select>
<input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Phone number *" type="tel" value="" />
<input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Phone number *" type="tel" value="" />
<div id="contact_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please enter your phone number.</div> </div>
<p style="
margin-top: 0;
margin-bottom: 10px;
@ -593,7 +593,7 @@ margin-bottom: 10px;
<div class="checkYes">
<input type="checkbox" value="yes" name="contact_via_phone_call" id="Phone" class="checkBorder" >
<label for="Phone">Phone call</label>
</div>
</div>
<div class="checkYes">
<input type="checkbox" value="yes" name="contact_via_email" id="Email" class="checkBorder" >
<label for="Email">Email</label>
@ -601,16 +601,16 @@ margin-bottom: 10px;
<div class="checkYes">
<input type="checkbox" value="yes" name="contact_via_video_appointment" id="Video" class="checkBorder" >
<label for="Video">Video appointment</label>
</div>
<button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="button">Inquire Now</button> <input name="product_code" type="hidden" value="<?php echo $meta_product_code; ?>"/>
</div>
<button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="button">Inquire Now</button> <input name="product_code" type="hidden" value="<?php echo $meta_product_code; ?>"/>
<input name="itinerary" type="hidden" value="<?php echo $information->ic_title; ?>" />
</form>
</div>
<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", {
@ -623,7 +623,7 @@ document.addEventListener('DOMContentLoaded', () => {
var quick_inquiry_button = document.getElementById("quick_inquiry_button");
var quick_inquiry_form = document.getElementById("quick_inquiry_form");
quick_inquiry_button.addEventListener('click', function(event) {
var validateResult = validateQuickInquiryForm();
if (validateResult) {
@ -642,7 +642,7 @@ document.addEventListener('DOMContentLoaded', () => {
quick_inquiry_button.innerText = "Submitted successfully";
});
}
}
}
});
});
@ -717,7 +717,7 @@ function validateQuickInquiryForm() {
}
</script>
<script>
$(function () {
var $adultBlock = $('#adultBlock');
var $childrenBlock = $('#childrenBlock');
@ -735,11 +735,11 @@ function validateQuickInquiryForm() {
});
var $tripDateBlock = $('#tripDateBlock');
var $expectedDate = $('#flatpickrBlock');
var $expectedDate = $('#date_start_block');
var $expectedMonth = $('#expectedMonth');
var $dateSelectionBlock = $('#dateSelectionBlock');
var $tripDateTip = $('#trip_date_tip');
$('input[name="trip_date"]').each((i, tripDateEle) => {
$(tripDateEle).click(function (e) {
$expectedDate.val('');
@ -787,4 +787,4 @@ function validateQuickInquiryForm() {
$("#email").mailAutoComplete({
email: ['gmail.com','outlook.com','yahoo.com','icloud.com','hotmail.com','live.com','aol.com']
});
</script>
</script>

@ -78,7 +78,7 @@
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="30">30</option>
</select>
<p style="
margin-top: 5px;font-size: 18px;
@ -117,7 +117,7 @@
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="30">30</option>
</select>
<p style="
margin-top: 5px;font-size: 18px;
@ -156,7 +156,7 @@
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="30">30</option>
</select>
<p style="
margin-top: 5px;font-size: 18px;
@ -238,14 +238,14 @@
Undecided dates
</label>
</div>
<div class="trip_date_length" id="tripDateBlock" style="display: none">
<div id='dateSelectionBlock'>
<div id='date_start_block'>
<input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="Select your exact travel date." autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
margin-top: 5px;">
</div>
margin-top: 5px;">
</div>
<select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
<option value="" disabled selected>Select your approximate travel date.</option>
<option value="Jan. 2024">Jan. 2024</option>
@ -306,7 +306,7 @@
<div id="email_verify_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please verify your email</div>
</div>
<select name="country_code" class="country_code">
<option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>
<option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
@ -599,7 +599,7 @@
</form>
<!--
<h3 style="text-align: center; font-size: 20px; line-height: 22px;">For a quick conversation, simply reach us via WhatsApp:</h3>
<div class="contactwechat"><img alt="asia highlights' wechat code" height="100px" src="https://data.asiahighlights.com/image/about/asia-highlights-whatsapp-code.jpg" width="100px" />
<div class="wechatinfo"><span class="wechatred">+8615807734776</span><br />
Email: <span class="wechatred">contact@asiahighlights.com</span></div>
@ -611,7 +611,7 @@
<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", {
@ -622,9 +622,9 @@ document.addEventListener('DOMContentLoaded', () => {
minDate: "today"
});
var quick_inquiry_button = document.getElementById("quick_inquiry_button");
var quick_inquiry_form = document.getElementById("quick_inquiry_form");
var quick_inquiry_button = document.getElementById("tour_list_button");
var quick_inquiry_form = document.getElementById("tour_list_form");
quick_inquiry_button.addEventListener('click', function(event) {
var validateResult = validateQuickInquiryForm();
if (validateResult) {
@ -643,7 +643,7 @@ document.addEventListener('DOMContentLoaded', () => {
quick_inquiry_button.innerText = "Submitted successfully";
});
}
}
}
});
});
@ -718,7 +718,7 @@ function validateQuickInquiryForm() {
}
</script>
<script>
$(function () {
var $adultBlock = $('#adultBlock');
var $childrenBlock = $('#childrenBlock');
@ -732,7 +732,7 @@ function validateQuickInquiryForm() {
var infantNumber = $infantNumberInput.val();
$('input[name="travel_group"]').each((i, groupEle) => {
$(groupEle).click(function (e) {
$teenagerNumberInput.val(0);
$childrenNumberInput.val(0);
$infantNumberInput.val(0);
@ -758,7 +758,7 @@ function validateQuickInquiryForm() {
var $expectedMonth = $('#expectedMonth');
var $dateSelectionBlock = $('#dateSelectionBlock');
var $tripDateTip = $('#trip_date_tip');
$('input[name="trip_date"]').each((i, tripDateEle) => {
$(tripDateEle).click(function (e) {
$expectedDate.val('');
@ -793,7 +793,7 @@ function validateQuickInquiryForm() {
adultNumber--;
$adultNumberInput.val(adultNumber);
}
});
});
// 青少年
$('#plusTeenager').click(function () {
teenagerNumber++;
@ -835,4 +835,4 @@ function validateQuickInquiryForm() {
.date_select {width: 47% !important;}
.date_select label {font-size:17px !important;}
}
</style>
</style>

Loading…
Cancel
Save