兼容多表单在相同页面

hotfix/paypal-note
Jimmy Liow 2 years ago
parent 6ba46c7f44
commit e3fbd3c2d6

@ -50,7 +50,7 @@
gtag('config', 'G-5VT6KGSG67'); gtag('config', 'G-5VT6KGSG67');
</script> </script>
<!-- Global site tag (gtag.js) - Google Analytics <!-- Global site tag (gtag.js) - Google Analytics
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-31694-22"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-31694-22"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
@ -214,7 +214,7 @@
<h2>Why Travel with Global Highlights (98.8% positive customer reviews among 10,000+)</h2> <h2>Why Travel with Global Highlights (98.8% positive customer reviews among 10,000+)</h2>
<ul> <ul>
<li class="tailormade"><strong>Unique experiences tailored to your interests:</strong> Enjoy a premium trip that goes beyond the typical tourist attractions.</li> <li class="tailormade"><strong>Unique experiences tailored to your interests:</strong> Enjoy a premium trip that goes beyond the typical tourist attractions.</li>
<li class="worryfree"><strong>Hassle-free travel and peace of mind: </strong>Every aspect of your trip will be carefully planned and organized by your 1:1 travel consultant. <li class="worryfree"><strong>Hassle-free travel and peace of mind: </strong>Every aspect of your trip will be carefully planned and organized by your 1:1 travel consultant.
</li> </li>
<li class="norisk"><strong>Experienced and knowledgeable guides:</strong> Your guides will be local and love to work for travelers' smiles.</li> <li class="norisk"><strong>Experienced and knowledgeable guides:</strong> Your guides will be local and love to work for travelers' smiles.</li>
</ul> </ul>
@ -233,7 +233,7 @@
</div> </div>
<!--PC底部--> <!--PC底部-->
<div class="infotailor"> <div class="infotailor">
We are here to help you...<br> start planning your tailor-made trip with 1-1 help from our travel advisors. We are here to help you...<br> start planning your tailor-made trip with 1-1 help from our travel advisors.
@ -246,13 +246,13 @@
team of experts. </p> team of experts. </p>
<form action="https://www.globalhighlights.com/forms/newsletter_save" method="post" id="newsletter_form" name="newsletter_form" novalidate=""> <form action="https://www.globalhighlights.com/forms/newsletter_save" method="post" id="newsletter_form" name="newsletter_form" novalidate="">
<label id="name_area"> <label id="name_area">
<input type="text" name="name" id="realname" class="contact_name" placeholder="* Your name"> <input type="text" name="name" id="newsletter_realname" class="contact_name" placeholder="* Your name">
<div style="color: #a31022;display: none" class="requiredArea" id="realname_errmsg">Please fill up your name.</div> <div style="color: #a31022;display: none" class="requiredArea" id="newsletter_realname_errmsg">Please fill up your name.</div>
</label> </label>
<label id="email_area"> <label id="email_area">
<input type="email" class="safyemail autoemail ui-autocomplete-input contact_email" name="email" id="email" autocomplete="off" placeholder="* Email"> <input type="email" class="safyemail autoemail ui-autocomplete-input contact_email" name="email" id="newsletter_email" autocomplete="off" placeholder="* Email">
<div style="color: #a31022;display: none" class="requiredArea" id="email_errmsg">Please fill up your email address.</div> <div style="color: #a31022;display: none" class="requiredArea" id="newsletter_email_errmsg">Please fill up your email address.</div>
<div style="color: #a31022;display: none" class="requiredArea" id="email_verify_errmsg">Please verify your email.</div> <div style="color: #a31022;display: none" class="requiredArea" id="newsletter_email_verify_errmsg">Please verify your email.</div>
</label> </label>
<button id="submit_newsletter" type="button" class="sendInquiry">Inspire Me</button> <button id="submit_newsletter" type="button" class="sendInquiry">Inspire Me</button>
</form> </form>
@ -362,33 +362,33 @@
<div class="bottom_destinations"> <div class="bottom_destinations">
<div class="footerbox"> <div class="footerbox">
<div class="listtour"> <div class="listtour">
<div class="destination_links"> <div class="destination_links">
<ul> <ul>
<li><a href="/egypt/tours">Egypt Tours</a></li> <li><a href="/egypt/tours">Egypt Tours</a></li>
<li><a href="/morocco/tours">Morocco Tours</a></li> <li><a href="/morocco/tours">Morocco Tours</a></li>
<li><a href="/turkey/tours">Turkey Tours</a></li> <li><a href="/turkey/tours">Turkey Tours</a></li>
</div> </div>
</ul> </ul>
<div class="destination_links"> <div class="destination_links">
<ul> <ul>
<li><a href="/israel/holidays">Israel</a></li> <li><a href="/israel/holidays">Israel</a></li>
<li><a href="/peru/2-week-itinerary">Peru</a></li> <li><a href="/peru/2-week-itinerary">Peru</a></li>
<li><a href="/japan/tours">Japan Tours</a></li> <li><a href="/japan/tours">Japan Tours</a></li>
</ul> </ul>
</div> </div>
<div class="destination_links"> <div class="destination_links">
<ul> <ul>
<li><a href="/china/tours">China Tours</a></li> <li><a href="/china/tours">China Tours</a></li>
<li><a href="/thailand/tours">Thailand Tours</a></li> <li><a href="/thailand/tours">Thailand Tours</a></li>
<li><a href="/vietnam/tours">Vietnam Tours</a></li> <li><a href="/vietnam/tours">Vietnam Tours</a></li>
</ul> </ul>
</div> </div>
<div class="destination_links"> <div class="destination_links">
<ul> <ul>
<li><a href="/india/tours">India Tours</a></li> <li><a href="/india/tours">India Tours</a></li>
<li><a href="/myanmar/tours/myanmar-highlights">Myanmar Tours</a></li> <li><a href="/myanmar/tours/myanmar-highlights">Myanmar Tours</a></li>
<li><a href="/morocco/tours/morocco-and-spain-tour">Spain Tour</a></li> <li><a href="/morocco/tours/morocco-and-spain-tour">Spain Tour</a></li>
</ul> </ul>
@ -437,7 +437,7 @@
}, 10000); }, 10000);
} }
</script> </script>
<!--PC底部 结束--> <!--PC底部 结束-->
<!--@PRODUCT-JS@--> <!--@PRODUCT-JS@-->
@ -480,12 +480,12 @@
minDate: "today" minDate: "today"
}); });
}); });
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
var submitbutton = document.getElementById("submit_newsletter"); var submitbutton = document.getElementById("submit_newsletter");
var newsletterForm = document.getElementById("newsletter_form"); var newsletterForm = document.getElementById("newsletter_form");
submitbutton.addEventListener('click', function(event) { submitbutton.addEventListener('click', function(event) {
var validateResult = validateNewsletterForm(); var validateResult = validateNewsletterForm();
if (validateResult) { if (validateResult) {
@ -493,20 +493,20 @@
} }
}); });
}); });
function validateNewsletterForm() { function validateNewsletterForm() {
var result = true; var result = true;
var realnameVal = document.getElementById("realname").value; var realnameVal = document.getElementById("newsletter_realname").value;
var emailVal = document.getElementById("email").value; var emailVal = document.getElementById("newsletter_email").value;
var realnameErrEl = document.getElementById("realname_errmsg"); var realnameErrEl = document.getElementById("newsletter_realname_errmsg");
var emailErrEl = document.getElementById("email_errmsg"); var emailErrEl = document.getElementById("newsletter_email_errmsg");
var emailVerifyErrEl = document.getElementById("email_verify_errmsg"); var emailVerifyErrEl = document.getElementById("newsletter_email_verify_errmsg");
realnameErrEl.style.display = 'none'; realnameErrEl.style.display = 'none';
emailErrEl.style.display = 'none'; emailErrEl.style.display = 'none';
emailVerifyErrEl.style.display = 'none'; emailVerifyErrEl.style.display = 'none';
if (realnameVal === '') { if (realnameVal === '') {
realnameErrEl.style.display = ''; realnameErrEl.style.display = '';
result = false; result = false;
@ -574,8 +574,8 @@
}, },
"geo": { "geo": {
"@type": "GeoCoordinates", "@type": "GeoCoordinates",
"latitude": 25.241375, "latitude": 25.241375,
"longitude": 110.33852 "longitude": 110.33852
}, },
"url": "https://www.globalhighlights.com/", "url": "https://www.globalhighlights.com/",
"telephone": "+86 773 2831999", "telephone": "+86 773 2831999",
@ -632,4 +632,4 @@
<!--@STRUCTURED-DATA-ARTICLE-BLOCK@--> <!--@STRUCTURED-DATA-ARTICLE-BLOCK@-->
</body> </body>
</html> </html>

@ -13,7 +13,7 @@
<link rel="dns-prefetch" href="https://data.globalhighlights.com"> <link rel="dns-prefetch" href="https://data.globalhighlights.com">
<link rel="dns-prefetch" href="https://images.globalhighlights.com"> <link rel="dns-prefetch" href="https://images.globalhighlights.com">
<link rel="dns-prefetch" href="https://www.googletagmanager.com"> <link rel="dns-prefetch" href="https://www.googletagmanager.com">
<!--@MAIN-CSS@--> <!--@MAIN-CSS@-->
<!--@ADDON-CSS@--> <!--@ADDON-CSS@-->
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
@ -30,7 +30,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
gtag('js', new Date()); gtag('js', new Date());
gtag('config', 'AW-996341496'); gtag('config', 'AW-996341496');
</script> </script>
<!-- Global site tag (gtag.js) - Google Analytics <!-- Global site tag (gtag.js) - Google Analytics
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-31694-22"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-31694-22"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
@ -178,7 +178,7 @@ aria-label="festival">
</div> </div>
<!--MOBILE 正文 结束--> <!--MOBILE 正文 结束-->
<div class="infotailor"> <div class="infotailor">
We are here to help you...<br> start planning your tailor-made tour with 1-1 help from our travel advisors. We are here to help you...<br> start planning your tailor-made tour with 1-1 help from our travel advisors.
<div class="tourbutton"><a href="/forms/tailormade" >Create Your Trip </a></div> <div class="tourbutton"><a href="/forms/tailormade" >Create Your Trip </a></div>
@ -190,13 +190,13 @@ aria-label="festival">
team of experts. </p> team of experts. </p>
<form action="https://www.globalhighlights.com/forms/newsletter_save" method="post" id="newsletter_form" name="newsletter_form" novalidate=""> <form action="https://www.globalhighlights.com/forms/newsletter_save" method="post" id="newsletter_form" name="newsletter_form" novalidate="">
<label id="name_area"> <label id="name_area">
<input type="text" name="name" id="realname" class="contact_name" placeholder="* Your name"> <input type="text" name="name" id="newsletter_realname" class="contact_name" placeholder="* Your name">
<div style="color: #a31022;display: none" class="requiredArea" id="realname_errmsg">Please fill up your name.</div> <div style="color: #a31022;display: none" class="requiredArea" id="newsletter_realname_errmsg">Please fill up your name.</div>
</label> </label>
<label id="email_area"> <label id="email_area">
<input type="email" class="safyemail autoemail ui-autocomplete-input contact_email" name="email" id="email" autocomplete="off" placeholder="* Email"> <input type="email" class="safyemail autoemail ui-autocomplete-input contact_email" name="email" id="newsletter_email" autocomplete="off" placeholder="* Email">
<div style="color: #a31022;display: none" class="requiredArea" id="email_errmsg">Please fill up your email address.</div> <div style="color: #a31022;display: none" class="requiredArea" id="newsletter_email_errmsg">Please fill up your email address.</div>
<div style="color: #a31022;display: none" class="requiredArea" id="email_verify_errmsg">Please verify your email.</div> <div style="color: #a31022;display: none" class="requiredArea" id="newsletter_email_verify_errmsg">Please verify your email.</div>
</label> </label>
<button id="submit_newsletter" type="button" class="sendInquiry">Inspire Me</button> <button id="submit_newsletter" type="button" class="sendInquiry">Inspire Me</button>
</form> </form>
@ -259,7 +259,7 @@ aria-label="festival">
</ul> </ul>
<div class="corporate_number_mobile">China Highlights International Travel Service Co., LTD<br> <div class="corporate_number_mobile">China Highlights International Travel Service Co., LTD<br>
Corporate Number: 914503003486045699</div> Corporate Number: 914503003486045699</div>
</div> </div>
@ -270,27 +270,27 @@ aria-label="festival">
<div class="bottom_destinations"> <div class="bottom_destinations">
<div class="footerbox"> <div class="footerbox">
<div class="listtour"> <div class="listtour">
<div class="destination_links"> <div class="destination_links">
<ul> <ul>
<li><a href="/egypt/tours">Egypt Tours</a></li> <li><a href="/egypt/tours">Egypt Tours</a></li>
<li><a href="/turkey/tours">Turkey Tours</a></li> <li><a href="/turkey/tours">Turkey Tours</a></li>
<li><a href="/peru/2-week-itinerary">Peru</a></li> <li><a href="/peru/2-week-itinerary">Peru</a></li>
<li><a href="/china/tours">China Tours</a></li> <li><a href="/china/tours">China Tours</a></li>
<li><a href="/vietnam/tours">Vietnam Tours</a></li> <li><a href="/vietnam/tours">Vietnam Tours</a></li>
<li><a href="/myanmar/tours/myanmar-highlights">Myanmar Tours</a></li> <li><a href="/myanmar/tours/myanmar-highlights">Myanmar Tours</a></li>
</ul> </ul>
</div> </div>
<div class="destination_links"> <div class="destination_links">
<ul> <ul>
<li><a href="/morocco/tours">Morocco Tours</a></li> <li><a href="/morocco/tours">Morocco Tours</a></li>
<li><a href="/israel/holidays">Israel</a></li> <li><a href="/israel/holidays">Israel</a></li>
<li><a href="/japan/tours">Japan Tours</a></li> <li><a href="/japan/tours">Japan Tours</a></li>
<li><a href="/thailand/tours">Thailand Tours</a></li> <li><a href="/thailand/tours">Thailand Tours</a></li>
<li><a href="/india/tours">India Tours</a></li> <li><a href="/india/tours">India Tours</a></li>
<li><a href="/morocco/tours/morocco-and-spain-tour">Spain Tour</a></li> <li><a href="/morocco/tours/morocco-and-spain-tour">Spain Tour</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
@ -343,12 +343,12 @@ document.addEventListener('DOMContentLoaded', () => {
function validateNewsletterForm() { function validateNewsletterForm() {
var result = true; var result = true;
var realnameVal = document.getElementById("realname").value; var realnameVal = document.getElementById("newsletter_realname").value;
var emailVal = document.getElementById("email").value; var emailVal = document.getElementById("newsletter_email").value;
var realnameErrEl = document.getElementById("realname_errmsg"); var realnameErrEl = document.getElementById("newsletter_realname_errmsg");
var emailErrEl = document.getElementById("email_errmsg"); var emailErrEl = document.getElementById("newsletter_email_errmsg");
var emailVerifyErrEl = document.getElementById("email_verify_errmsg"); var emailVerifyErrEl = document.getElementById("newsletter_email_verify_errmsg");
realnameErrEl.style.display = 'none'; realnameErrEl.style.display = 'none';
emailErrEl.style.display = 'none'; emailErrEl.style.display = 'none';
@ -393,7 +393,7 @@ function validateNewsletterForm() {
console.warn('CHECK MORE config error'); console.warn('CHECK MORE config error');
return; return;
} }
moreButton.addEventListener('click', () => { moreButton.addEventListener('click', () => {
moreButton.classList.add('gh-animate-fade-out'); moreButton.classList.add('gh-animate-fade-out');
setTimeout(() => { setTimeout(() => {
moreButton.classList.add('gh-display-none'); moreButton.classList.add('gh-display-none');
@ -469,8 +469,8 @@ document.addEventListener('DOMContentLoaded', () => {
}, },
"geo": { "geo": {
"@type": "GeoCoordinates", "@type": "GeoCoordinates",
"latitude": 25.241375, "latitude": 25.241375,
"longitude": 110.33852 "longitude": 110.33852
}, },
"url": "https://www.globalhighlights.com/", "url": "https://www.globalhighlights.com/",
"telephone": "+86 773 2831999", "telephone": "+86 773 2831999",
@ -526,4 +526,4 @@ document.addEventListener('DOMContentLoaded', () => {
<!--@STRUCTURED-DATA-BREADCRUMB-BLOCK@--> <!--@STRUCTURED-DATA-BREADCRUMB-BLOCK@-->
<!--@STRUCTURED-DATA-ARTICLE-BLOCK@--> <!--@STRUCTURED-DATA-ARTICLE-BLOCK@-->
</body> </body>
</html> </html>

Loading…
Cancel
Save