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.

2412 lines
74 KiB
PHTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Create My Trip | Asia Highlights
</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="yes" name="apple-mobile-web-app-capable">
<!--@OG:IMAGE@-->
<link rel="canonical" href="https://www.asiahighlights.com/forms/tailormade">
<link rel="shortcut icon" href="https://data.asiahighlights.com/favicon.ico" />
<link rel="dns-prefetch" href="https://data.asiahighlights.com">
<link rel="dns-prefetch" href="https://images.asiahighlights.com">
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
<!--@MAIN-CSS@-->
<!--@ADDON-CSS@-->
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-56CMWN3');</script>
<!-- End Google Tag Manager -->
<script
src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
<script
src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/bootstrap.min.js,/js/bootstrap-datepicker/bootstrap-datepicker.min.js,/js/typeahead.bundle.js,/js/jquery.form.min.js,/js/poshytip/jquery.poshytip.min.js,/js/jquery.sticky-kit.min.js"></script>
<link
href="https://data.asiahighlights.com/min/?f=/js/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.css"
rel="stylesheet">
<script>
$(function () {
$("#Date_Start").datepicker({
format: 'mm/dd/yyyy',
autoclose: true,
startDate: '+2d'
});
});
</script>
<style>
@media (min-width: 760px) {
.wholeWrap2,
.topnavigation {
width: auto;
}
.bottom_why_us,
.infobottom,
body {
display: inline-block;
}
.footerbox {
padding: 0 15px;
display: inherit;
width: auto;
}
}
h4 {
2 years ago
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
}
body {
margin: 0;
font-family: Calibri;
}
.headerbar {
height: 70px;
}
.topnavigation {
width: 1000px;
margin: 0 auto;
position: relative;
}
h1 {
position: absolute;
2 years ago
top: 0;
text-align: center;
font-family: 'Goudy Old Style';
margin-top: 20px;
margin-left: 170px;
font-size: 25px;
}
/*底部logo*/
.infobottom ul li {
list-style: none;
margin-bottom: 15px;
font-size: 18px;
}
.bottommedia ul {
padding-left: 0;
display: inline-block;
margin-left: -15px;
margin-top: 0;
}
.bottommedia ul li a {
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.followtitle a {
color: #fff;
}
.bottomlinks ul li {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 15px;
width: 100%;
}
.bottomlinks ul {
display: inline-block;
padding-left: 0;
margin-top: 0;
}
.bottomlinks ul li a {
color: #fff;
}
.aboutusleft {
width: 50%;
float: left;
display: inline-block;
}
.bottomaboutus {
margin-bottom: 50px;
}
.bottompctitle {
font-size: 18px;
text-transform: uppercase;
color: #797979;
font-weight: bold;
display: block;
width: 23%;
height: 115px;
float: left;
padding-top: 5px;
}
.aboutusinfo {
font-size: 17px;
line-height: 25px;
padding-right: 50px;
color: #fff;
}
.trustPilotIconBig {
width: 75%;
float: right;
}
.aboutusinfo a {
color: #fff;
text-decoration: underline;
}
.bottomfollowus ul {
padding-left: 10px;
display: inline-block;
margin-left: -15px;
margin-top: 0;
}
.bottomfollowus ul li {
list-style: none;
float: left;
margin-right: 20px;
margin-bottom: 25px;
font-size: 14px;
text-transform: uppercase;
}
.bottomfollowus ul li a {
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.bottomfollowus ul li a .fa {
color: #fff;
background: #757570;
margin-right: 10px;
width: 35px;
height: 25px;
text-align: center;
padding-top: 9px;
border-radius: 50%;
font-size: 20px;
}
.aboutusright {
width: 50%;
display: inline-block;
}
.bottomaboutuslinks {
border-top: 1px solid #797979;
margin-top: 50px;
}
.bottomlinksleft {
width: 45%;
float: left;
display: inline-block;
}
ul.socialmedias {
float: right;
margin-top: 15px;
}
ul.socialmedias li {
float: left;
margin-right: 20px;
font-size: 18px;
}
ul.socialmedias li a {
color: #fff;
}
ul.socialmedias li a .fa {
color: #fff;
background: #757570;
margin-right: 10px;
width: 35px;
height: 25px;
text-align: center;
padding-top: 9px;
border-radius: 50%;
font-size: 20px;
}
ul.withBorder {
padding: 10px 0;
margin-bottom: 10px;
margin-top: 0;
display: inline-block;
}
ul.withBorder li {
display: inline;
margin-right: 20px;
}
ul.withBorder li a {
color: #fff;
text-decoration: none;
font-size: 18px;
}
.infobottom {
background: #3a3a32;
color: #fff;
clear: both;
position: relative;
width: 100%;
}
.bottommembers {
width: 30%;
display: inline-block;
padding-top: 15px;
}
.bottommembers img {
display: inline-block;
}
.memberIcons {
text-align: right;
display: block;
padding-top: 15px;
}
img.bottomlogopc {
float: left;
margin-right: 30px;
}
.bottomcopyright {
font-size: 18px;
display: inline-block;
padding-top: 30px;
}
.bottomprivacy {
display: inline-block;
float: right;
padding-top: 30px;
font-size: 18px;
margin-right: 80px;
}
.bottomprivacy a {
color: #fff;
text-decoration: none;
}
.bottomlogoinfo {
color: #fff;
text-align: center;
margin-bottom: 50px;
padding: 0 30px;
font-size: 18px;
font-weight: 300;
}
.bottomlogoinfo a {
color: #fff;
text-decoration: underline;
}
img.bottomlogocenter {
margin: 10px auto;
}
.chbottomlogo {
display: block;
position: absolute;
left: 0;
right: 0;
top: calc(50% - -240px);
}
.chbottomlogo img {
display: block;
width: 150px;
margin: 0 auto;
}
.bottomlogo {
font-size: 15px;
height: 59px;
background-color: #1e1e1e;
padding: 0;
padding-top: 2px;
line-height: 20px;
color: #fff;
position: relative;
padding-bottom: 12px;
}
.featureon {
padding: 0 20px;
}
.infobottom {
padding: 70px 0;
}
.footerbox {
width: 1140px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
display: block;
}
#inquiryBox {
2 years ago
display: inherit;
background-color: #FFF;
padding: 0px 40px 40px 50px;
border-radius: 4px;
margin: 0 auto;
width: 735px;
margin-bottom: 50px;
}
.wholeWrap2 {
background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-form-pc-bg-japan.jpg) no-repeat center fixed;
background-size: cover;
width: 100%;
display: inline-block;
}
h2 {
font-size: 35px;
font-weight: 700;
margin: 30px 0 25px 0
}
#inquiryBox h1 {
font-size: 40px;
margin: 0 0 15px;
font-family: 'Alegreya Sans', sans-serif;
font-weight: 600;
border: 0;
}
#contactInfo {
display: block;
border-radius: 4px;
margin: 0 0 25px;
background: #fff
}
#contactInfo h2 {
font-size: 24px;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 20px;
margin: 0 0 00px
}
textarea {
font-size: 19px;
line-height: 22px;
padding: 15px;
border: 1px solid #d1d1d1;
background: #fff;
2 years ago
width: 94%;
height: 85px;
border-radius: 6px;
margin-top: 10px;
font-family: Calibri;
margin-bottom: 30px;
}
textarea:focus {
border: 1px solid #7D9EC0;
outline: none
}
#contactInfo input {
width: 100%;
font-size: 14px;
font-family: 'Open Sans', sans-serif !important;
border-radius: 2px !important;
padding: 8px 15px;
color: #777 !important;
background: #fff;
border: 1px solid #d1d1d1
}
.trip_date_length {
clear: both;
padding-top: 5px;
}
#inquiryBox label {
font-weight: normal
}
#inquiryBox .checked {
background: url(/pic/checked-icon.png) no-repeat left
}
.optionLable input {
display: none
}
.checkboxGender input[type="radio"]+label {
font-size: 20px;
padding: 80px 0 15px 0;
border: 1px solid #d1d1d1;
border-radius: 4px;
display: block;
margin-top: 10px;
text-align: center;
color: #000;
}
.checkboxGender input[type="radio"]:checked+label {
background-color: #ad1818;
color: #fff;
}
.optionLable input[type="radio"]+label {
font-size: 19px;
border: 1px solid #d1d1d1;
border-radius: 4px;
display: block;
text-align: center;
color: #000;
min-height: 65px;
padding: 10px;
font-family: Calibri;
line-height: 22px;
height: 70px;
}
.optionLable {
2 years ago
width: 23.6%;
display: inline-block;
margin-top: 10px;
float: left;
margin-right: 10px;
height: 90px;
}
.optionLable input[type="radio"]:checked+label {
border: 1px solid #ad1818;
color: #fff;
background: #ad1818;
}
.selectHotl {
width: 100%;
text-align: center;
display: inline-block;
height: 130px;
}
.checkboxLabel input[type="checkbox"]+label,
.checkboxLabel input[type="radio"]+label {
font-size: 21px;
padding: 5px 0;
border: 1px solid #d1d1d1;
border-radius: 4px;
display: block;
margin-top: 10px;
text-align: center;
color: #000;
height: 35px;
padding-top: 15px;
width: 100%;
cursor: pointer;
font-family: Calibri;
}
.checkboxLabel input[type="checkbox"]:checked+label,
.checkboxLabel input[type="radio"]:checked+label {
border: 1px solid #ad1818;
color: #fff;
width: 100%;
background: #ad1818;
}
.checkboxLabel {
display: inline-block;
2 years ago
width: 31.9%;
float: left;
margin-right: 10px;
}
.checkboxLabel input {
display: none
}
.destination {
width: 23.6%;
}
#name_error_msg,
#email_error_msg,
#nation_error_msg,
#contact_error_msg,
#email_verify_msg {
color: #ad1818;
font-size: 16px;
border-bottom: 1px dashed;
margin: 10px 0;
width: 100%;
padding-bottom: 5px;
font-style: italic;
}
.hidden {
display: none;
}
.selectionMemo {
font-size: 16px;
font-style: italic;
font-weight: 300;
margin-top: 2px
}
#inquiryBox .flexibleDate {
display: inline-block;
margin-bottom: 10px;
padding: 5px 0 5px 30px
}
.checkboxGender {
2 years ago
width: 23.9%;
display: inline-block;
margin-right: 5px;
}
.checkboxGender label {
width: 98%
}
.checkboxGender input {
display: none
}
.optionLable input[type="radio"]+label:hover {
cursor: pointer;
color: #fff;
background: #ad1818;
}
.checkboxLabel input[type="checkbox"]+label:hover,
.checkboxLabel input[type="radio"]+label:hover {
border: 1px solid #ad1818;
cursor: pointer;
color: #fff;
background: #ad1818;
}
.travelTag input[type="checkbox"]+label:hover {
border: 1px solid #ad1818;
cursor: pointer
}
.checkboxGender input[type="radio"]+label:hover {
cursor: pointer;
color: #fff;
background: #ad1818;
}
.inputTerm label {
display: block;
width: 100%;
font-size: 20px;
position: absolute;
left: 20px;
top: calc(50% - 13px);
transition: all ease-in-out .5s;
pointer-events: none;
height: 26px;
color: #999
}
.inputTerm {
display: block;
width: 100%;
margin: 15px auto;
position: relative
}
.inputTerm input:focus~label,
.inputTerm input:valid~label {
top: 5px;
font-size: 15px;
color: #999;
transition: 0.3s;
}
.inputTerm input:focus {
border: 1px solid #7D9EC0;
outline: none
}
.inputTerm input {
2 years ago
width: 94%;
margin: 0;
font-size: 22px;
border: 1px solid #d1d1d1;
height: 40px;
padding: 15px 15px 0 20px;
border-radius: 4px;
color: #000
}
.checkYes {
display: initial;
3 years ago
margin-right: 20px;
}
.checkBorder:checked {
background-color: #ad1818;
border-color: #ad1818;
margin-right: 5px
}
.checkBorder {
position: relative;
width: 20px;
height: 20px;
background-clip: border-box;
appearance: none;
margin: -0.15px 0.6px 0 0;
vertical-align: text-bottom;
border-radius: 2px;
transition: background-color 0.25s;
background-color: #fff;
2 years ago
border: 2px solid #000;
margin-right: 10px;
}
p a input[type=checkbox]+label {
color: #999;
font-size: 16px !important
}
input[type=text]:focus {
border: 1px solid #7D9EC0;
outline: none
}
.checkYes label {
display: inline;
font-size: 19px;
}
input[type=checkbox]:checked+label {
color: #000
}
.checkBorder:checked:after {
border-color: #fff
}
.checkBorder:checked:after {
content: '';
display: block;
height: 8px;
width: 14px;
border: 0 solid #FFF;
border-width: 0 0 2px 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 3px;
left: 2px
}
.formMemo {
font-size: 20px;
display: block;
margin-bottom: 10px;
}
.inquiryBtn {
display: block;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px
}
button {
background: #ad1818;
text-align: center;
display: table;
border-radius: 25px;
min-width: 55%;
margin: 50px auto;
padding: 10px 0;
color: #FFF;
font-size: 23px;
border: none;
cursor: pointer;
font-family: 'Goudy Old Style';
font-weight: 600;
}
input[type=submit]:hover {
width: 42%
}
.preface {
font-size: 23px;
margin: 0 auto;
color: #fff;
text-align: center;
padding-top: 50px;
margin-bottom: -60px;
width: 800px;
font-family: 'Goudy Old Style';
font-weight: 600;
text-shadow: 1px 1px 1px #000;
}
.formNote {
2 years ago
color: #777;
font-size: 18px;
display: block;
}
.minaddBtn:hover {
border: 1px solid #ad1818;
background-color: #ad1818;
color: #fff
}
.number,
.minaddBtn:focus {
border: 1px solid #ad1818;
outline: none
}
.peopleSelect {
width: auto;
font-size: 22px;
display: inline-block;
}
.age_range {
display: inline-block;
width: 475px;
position: relative;
top: -10px;
}
.minaddBtn {
background: #FFF;
border: 1px solid #d1d1d1;
border-radius: 4px;
color: #ad1818;
height: 47px;
width: 18%;
font-size: 35px;
cursor: pointer;
}
.numberBtn {
width: 100%;
overflow: hidden
}
.numberBtn:nth-child(3) {
float: right
}
.kidNum,
.number {
width: 45%;
text-align: center;
border: 1px solid #d1d1d1;
border-radius: 4px;
height: 44px;
font-size: 25px;
position: relative;
top: -3px;
}
#Date_Start,
#expectedMonth {
float: left;
margin-right: 20px;
font-size: 19px;
border-radius: 4px;
padding: 8px 15px 8px 60px;
color: #000;
border: 1px solid #d1d1d1;
height: 30px;
margin-bottom: 10px;
background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px;
}
.travelStyle input {
display: none
}
.travelStyle input[type="checkbox"]+label {
margin-top: 5px;
font-size: 19px;
padding: 7px 18px;
border: 1px solid #d1d1d1;
border-radius: 6px;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.travelStyle input[type="checkbox"]+label:hover {
border: 1px solid #ad1818;
color: #fff;
cursor: pointer;
background: #ad1818;
}
.travelTag {
margin-left: -8px
}
.travelStyle {
display: inline-block
}
.travelStyle input[type="checkbox"]:checked+label {
color: #FFF;
background-color: #ad1818;
border-color: #ad1818
}
.workingSteps {
font-size: 18px;
color: #FFF;
padding-bottom: 80px;
overflow: hidden;
position: relative
}
.stepLogo img {
width: 50px
}
.stepText {
padding-left: 70px;
margin-top: -55px;
font-size: 18px;
}
.stepText strong {
font-style: italic;
}
.dotted {
width: 1px;
border-left: 2px dashed #f1f1f1;
height: 180px;
position: absolute;
top: 50px;
left: 40px
}
.stpeBlock {
padding-top: 100px;
float: left;
width: 245px;
}
.selectionBlock {
display: inline-block;
width: 100%;
}
h3 {
2 years ago
font-size: 27px;
margin-top: 50px;
width: 100%;
display: inline-block;
margin-bottom: 10px;
2 years ago
font-family: 'Goudy Old Style';
}
.bottom_why_us {
background: url(https://data.asiahighlights.com/image/about/ah-bottom-why-us-bg-pc.jpg) center #565656;
background-size: cover;
height: 460px;
padding-top: 70px;
width: 100%;
position: relative;
}
.bottom_why_us h2 {
text-align: center;
color: #fff;
2 years ago
font-family: 'Goudy Old Style';
}
table.why_us_table {
width: 1140px;
margin: 40px auto 0 auto;
color: #fff;
}
.bottom_why_us_content {
text-align: center;
padding: 0 15px;
height: 270px;
}
.bottom_why_us_content img {
width: 60px;
margin: 0 auto;
}
.bottom_why_us_content h3 {
font-size: 22px;
2 years ago
font-family: 'Goudy Old Style';
margin-top: 20px;
}
.bottom_why_us_content p {
font-size: 17px;
line-height: 25px;
}
.datepicker.dropdown-menu {
font-size: 17px;
}
p {
font-size: 19px;
}
em {
color: #ad1818;
}
.tp_banner {
position: absolute;
width: 100%;
top: 0;
background: #333;
text-align: center;
color: #fff;
font-size: 16px;
padding: 6px 0 5px 0;
display: flex;
justify-content: center;
}
.tp_banner img {
height: 18px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
ul.InfoList li {
list-style: square;
margin-bottom: 2px;
2 years ago
font-size: 19px;
}
ul.InfoList {
padding: 0 15px 0 20px;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #000;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
background: #ad1818;
cursor: pointer;
color: #fff;
font-weight: 600;
}
select.country_code {
margin-right: 5px;
font-size: 16px;
color: #555;
height: 57px;
padding-left: 10px;
background: #fff;
border-radius: 4px;
border: 1px solid #d1d1d1;
float: left;
}
label.solo {
background: url(https://data.asiahighlights.com/image/forms/solo-normal.png) no-repeat center 10px;
background-size: 67px;
}
label.solo:hover,
input[type="radio"]:checked+label.solo {
background: url(https://data.asiahighlights.com/image/forms/solo-active.png) no-repeat center 10px #ad1818 !important;
background-size: 67px !important;
}
label.couple {
background: url(https://data.asiahighlights.com/image/forms/couple-normal.png) no-repeat center 10px;
background-size: 70px;
}
label.couple:hover,
input[type="radio"]:checked+label.couple {
background: url(https://data.asiahighlights.com/image/forms/couple-active.png) no-repeat center 10px #ad1818 !important;
background-size: 70px !important;
}
label.family {
background: url(https://data.asiahighlights.com/image/forms/family-normal.png) no-repeat center 10px;
background-size: 70px;
}
label.family:hover,
input[type="radio"]:checked+label.family {
background: url(https://data.asiahighlights.com/image/forms/family-active.png) no-repeat center 10px #ad1818 !important;
background-size: 70px !important;
}
label.group {
background: url(https://data.asiahighlights.com/image/forms/group-normal.png) no-repeat center 10px;
background-size: 70px;
}
label.group:hover,
input[type="radio"]:checked+label.group {
background: url(https://data.asiahighlights.com/image/forms/group-active.png) no-repeat center 10px #ad1818 !important;
background-size: 70px !important;
}
label.friends {
background: url(https://data.asiahighlights.com/image/forms/friends-normal.png) no-repeat center 10px;
background-size: 70px !important;
}
label.friends:hover,
input[type="radio"]:checked+label.friends {
background: url(https://data.asiahighlights.com/image/forms/friends-active.png) no-repeat center 10px #ad1818 !important;
background-size: 70px !important;
}
label.hotelText {
font-size: 18px !important;
}
2 years ago
#destination_error_msg,
#hotel_error_msg,
#number_error_msg,
#name_error_msg,
#email_error_msg,
#nation_error_msg,
#date_error_msg,
#contact_error_msg,
#email_verify_msg,
#requirement_error_msg,
#group_error_msg {
color: #ad1818;
font-size: 19px;
border-bottom: 2px dashed #ad1818;
font-style: italic;
font-weight: 600;
padding-bottom: 3px;
}
.destination_category {
font-size: 20px;
width: fit-content;
clear: both;
padding-top: 20px;
font-family: 'Goudy Old Style';
font-weight: 600;
2 years ago
color: #ad1818;
text-align: center;
margin: 0 auto;
}
.budget {font-size: 19px; margin-bottom: 10px;}
</style>
</head>
<body>
<header class="headerbar" id="header">
<div class="topnavigation">
<a href="/" class="p_toplogo" style="display: inline-block;"> <img
src="https://data.asiahighlights.com/pic/logo-ah.png" alt="Asiahighlights logo"
class="asiahighlightslogo img-responsive" style="height: 70px;"></a>
<h1>
2 years ago
Enjoy a Personalized & Stress-free Journey
</h1>
</div>
</header>
<div class="wholeWrap2">
<div class="preface">
Take 3 minutes to inquire, and get a reply within 24 hours. <br>
The more details you share, the more suitable your initial itinerary and quote will be.
</div>
2 years ago
<form action="/orders/tailormade_save/" id="tailormade_form" method="POST">
<p style="
color: #fff;
width: 800px;
margin: 80px auto 10px auto;
font-style: italic;
2 years ago
">* means required.</p>
2 years ago
<div id="inquiryBox" style="position: relative;">
<img alt="Asia Highlights' Trust Pilot rating"
src="https://data.asiahighlights.com/image/forms/ah-tm-form-tp-rating.png" style="position: absolute;
2 years ago
width: 150px;
top: 0px;
right: 5px;">
<div class="selectionBlock">
<h3 id="destination_select" style=" margin-top: 30px;">
<em>*</em> Where would you go?
</h3>
2 years ago
<p style="padding-right: 80px;">A vast majority of our clients opt to explore 2-3 destinations in a single trip. The most popular duos and trios are:</p>
2 years ago
<ul class="InfoList">
<li>Japan, China (1525 days)</li>
<li>Thailand, Vietnam, Cambodia (1220 days)</li>
<li>Thailand, Vietnam, Cambodia, Laos (1525 days)</li>
<li>Singapore, Indonesia (Bali) (1015 days)</li>
<li>India, Nepal, Bhutan (1420 days)</li>
</ul>
2 years ago
<div id="destination_error_msg" class="hidden">(Please
2 years ago
select at least one option.)</div>
<div class="checkboxLabel destination">
2 years ago
<input type="checkbox" value="japan" id="ja" name="destination[]">
<label for="ja" class="updatedestination">
Japan
</label>
</div>
<div class="checkboxLabel destination">
2 years ago
<input type="checkbox" value="thailand" id="thai" name="destination[]">
<label for="thai">
Thailand
</label>
</div>
<div class="checkboxLabel destination">
<input type="checkbox" value="Vietnam" id="vtn" name="destination[]">
<label for="vtn" class="updatedestination">
Vietnam
</label>
</div>
<div class="checkboxLabel destination">
2 years ago
<input type="checkbox" value="cambodia" id="cam" name="destination[]">
<label for="cam" class="updatedestination">
Cambodia
</label>
</div>
<div class="checkboxLabel destination">
<input type="checkbox" value="laos" id="lao" name="destination[]">
<label for="lao" class="updatedestination">
Laos
</label>
</div>
<div class="checkboxLabel destination">
<input type="checkbox" value="China" id="China" name="destination[]">
<label for="China" class="updatedestination">
China
</label>
</div>
<div class="checkboxLabel destination">
2 years ago
<input type="checkbox" value="Singapore" id="Singapore" name="destination[]">
<label for="Singapore" class="updatedestination">
Singapore
</label>
</div>
<div class="checkboxLabel destination">
2 years ago
<input type="checkbox" value="Bali" id="Bali" name="destination[]">
<label for="Bali" class="updatedestination">
Bali
</label>
</div>
<div class="destination_category">India &amp; Himalaya Destinations:</div>
<div class="checkboxLabel destination">
2 years ago
<input type="checkbox" value="india" id="in" name="destination[]">
<label for="in" class="updatedestination">
India
</label>
</div>
<div class="checkboxLabel destination">
2 years ago
<input type="checkbox" value="Nepal" id="nep" name="destination[]">
<label for="nep" class="updatedestination">
Nepal
</label>
</div>
<div class="checkboxLabel destination">
2 years ago
<input type="checkbox" value="Bhutan" id="Bhutan" name="destination[]">
<label for="Bhutan" class="updatedestination">
Bhutan
</label>
</div>
<div class="checkboxLabel destination">
2 years ago
<input type="checkbox" value="Sri Lanka" id="Sri Lanka" name="destination[]">
<label for="Sri Lanka" class="updatedestination">
Sri Lanka
2 years ago
</label>
</div>
2 years ago
</div>
2 years ago
<div class="selectionBlock">
2 years ago
<p style="margin-bottom: 5px; margin-top: 30px;">Any other
2 years ago
places or cities not listed above, e.g. South Korea, Myanmar…(optional)</p>
2 years ago
<input name="other_destinations" style="height: 35px;
width: 92%;
border: 1px solid #d1d1d1;
border-radius: 4px;
font-size: 19px;
padding: 5px 15px;
font-family: Calibri;">
</div>
</div>
2 years ago
<div id="inquiryBox">
<div class="selectionBlock">
<h3 id="dateselect">
<em>*</em> What's your arrival date?
</h3>
<div id="date_error_msg" class="hidden">(select at least one option.)</div>
2 years ago
<div class="checkboxLabel">
<input type="radio" value="exact arrival date" id="exact" name="trip_date">
2 years ago
<label for="exact" class="updatedestination" style="font-size: 20px;">
Exact arrival date
2 years ago
</label>
</div>
<div class="checkboxLabel">
<input type="radio" value="approximate arrival dates" id="approximate" name="trip_date">
2 years ago
<label for="approximate" class="updatedestination" style="font-size: 20px;">
Approximate arrival dates
2 years ago
</label>
</div>
<div class="checkboxLabel">
<input type="radio" value="undecided arrival dates" id="yet" name="trip_date">
2 years ago
<label for="yet" class="updatedestination" style="font-size: 20px;">
Undecided arrival dates
2 years ago
</label>
</div>
<div class="trip_date_length" id="tripDateBlock" style="display: none">
<h4>Select your travel date and trip length (days).</h4>
<div id="dateSelectionBlock">
<input type="text" class="arrivalDate datepicker" id="Date_Start" name="date_start" value=""
placeholder="mm/dd/yyyy" autocomplete="off">
<input type="month" id="expectedMonth" name="expected_month"
placeholder="Select your expected travel date.">
</div>
<div class="peopleSelect">
<div class="numberBtn">
<input class="minaddBtn" id="tripLengthMinus" type="button" value="-">
<input class="number" type="text" value="14" id="tripLengthNumber" name="trip_length">
<input class="minaddBtn" id="tripLengthPlus" type="button" value="+">
</div>
</div>
<div id="expectedTravelDateBlock" style="display: none">
<p style="margin-bottom:5px;">Any additional information about your anticipated travel
dates?</p>
<span class="formNote">
E.g.: I want to start my trip when the weather at its best/during the local
festival/during the off season/on the first week of the November…
</span>
<textarea id="date_requirements" name="date_requirements" style="resize:none;"></textarea>
</div>
2 years ago
</div>
</div>
</div>
<div id="inquiryBox">
2 years ago
<div class="selectionBlock">
<h3 id="travelGroupHeader">
<em>*</em> How would you travel?
</h3>
2 years ago
2 years ago
<div id="group_error_msg" class="hidden">(Please
2 years ago
select at least one option.)</div>
<div class="genderSelection">
<div class="checkboxGender">
<input type="radio" value="Family" id="Family" name="travel_group">
<label for="Family" class="family">
Family
</label>
</div>
2 years ago
<div class="checkboxGender">
<input type="radio" value="Couple" id="Couple" name="travel_group">
<label for="Couple" class="couple">
Couple
</label>
</div>
2 years ago
2 years ago
<div class="checkboxGender">
<input type="radio" value="group" id="Other" name="travel_group">
<label for="Other" class="group">
Other group
</label>
</div>
2 years ago
<div class="checkboxGender">
<input type="radio" value="Solo" id="Solo" name="travel_group">
<label for="Solo" class="solo">
Solo
</label>
</div>
</div>
2 years ago
<div id="adultBlock" style="display: none">
2 years ago
<div class="peopleSelect" style="width: 255px;">
<h4>
Adults number (≥18 yrs old)
</h4>
<div class="numberBtn">
<input class="minaddBtn reduceadult" id="minusAdult" type="button" value="-">
<input class="number" type="text" value="2" id="adultNumber" name="adult">
<input class="minaddBtn addadult" id="plusAdult" type="button" value="+">
</div>
</div>
<div class="age_range">
<p>
Adults' ages
</p>
<div class="checkYes">
<label for="65+">
<input type="checkbox" value="yes" name="age_65_plus" id="65+"
class="checkBorder">65+
</label>
</div>
2 years ago
<div class="checkYes">
<label for="51-64">
<input type="checkbox" value="yes" name="age_51_64" id="51-64"
class="checkBorder">51-64
</label>
</div>
2 years ago
<div class="checkYes">
<label for="41-50">
<input type="checkbox" value="yes" name="age_41_50" id="41-50"
class="checkBorder">41-50
</label>
</div>
2 years ago
<div class="checkYes">
<label for="31-40">
<input type="checkbox" value="yes" name="age_31_40" id="31-40"
class="checkBorder">31-40
</label>
</div>
2 years ago
<div class="checkYes">
<label for="18-30">
<input type="checkbox" value="yes" name="age_18_30" id="18-30"
class="checkBorder">18-30
</label>
</div>
</div>
2 years ago
</div>
<div class="clear"></div>
<div id="childrenBlock" style="display: none">
<h4>Children number (age of children at time of trip)</h4>
<div class="peopleSelect" style="width: 242px;">
<span class="formMemo">
10-17 yrs old
</span>
<div class="numberBtn">
<input class="minaddBtn reducechild" id="minusTeenager" type="button" value="-">
<input class="kidNum" type="text" id="teenagerNumber" value="0"
name="teenager_10_17_yrs">
2 years ago
<input class="minaddBtn addchild" id="plusTeenager" type="button" value="+">
</div>
</div>
2 years ago
<div class="peopleSelect" style="width: 242px;">
<span class="formMemo">
3-9 yrs old
</span>
<div class="numberBtn">
<input class="minaddBtn reducechild" id="minusChildren" type="button" value="-">
<input class="kidNum" type="text" id="childrenNumber" value="0" name="children_3_9_yrs">
<input class="minaddBtn addchild" id="plusChildren" type="button" value="+">
</div>
2 years ago
</div>
<div class="peopleSelect" style="width: 243px;">
<span class="formMemo">
0-2 yrs old
</span>
<div class="numberBtn">
<input class="minaddBtn reducechild" id="minusInfant" type="button" value="-">
<input class="kidNum" type="text" id="infantNumber" value="0" name="infant_0_2_yrs">
<input class="minaddBtn addchild" id="plusInfant" type="button" value="+">
</div>
</div>
2 years ago
</div>
2 years ago
</div>
2 years ago
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3 id="hotelselect">
<em>*</em> What's your hotel choice?
</h3>
<div id="hotel_error_msg" class="hidden">(Please select
one option. It can be changed later.)</div>
<div class="selectHotl">
<div class="optionLable">
<input type="radio" value="Handpicked Comfort 4 star" id="fourStar" name="hotel">
<label for="fourStar" class="hotelText">
Handpicked comfort<br> (4-star)
<div class="selectionMemo">
USD 100-200 / night
2 years ago
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Standard 3 star" id="threeStar" name="hotel">
<label for="threeStar" class="hotelText">
Standard <br>(3-star)
<div class="selectionMemo">
USD 70-100 / night
2 years ago
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Deluxe" id="fiveStar" name="hotel">
<label for="fiveStar" class="hotelText">
Deluxe<br> (5-star &amp; up)
<div class="selectionMemo">
2 years ago
From USD 200+ / night
2 years ago
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Self booking" id="Self" name="hotel">
<label for="Self" class="hotelText" style=" padding-top: 15px; padding-bottom: 5px;">
Self-booking
2 years ago
</label>
</div>
</div>
<h4>Any specific preferences or requests for your hotel stay?</h4>
2 years ago
<span class="formNote">E.g.:<br>
1. Family room for 2 adults and 2 children<br>
2. Interested in spending a few nights in local boutique hotels, like floating houses in
Southeast Asia, ryokans in Japan, small villa with private pool…<br>
3. Adult-only hotels<br>
4. Hotel location: near city center/at the seaside/convenient for exploring the nearby area…</span>
<textarea id="hotel_requirements" name="hotel_requirements" style="resize:none;"></textarea>
</div>
</div>
2 years ago
2 years ago
<div id="inquiryBox">
<h3 id="TellUsaboutYou">
<em>*</em> Your contact information
</h3>
2 years ago
2 years ago
<span id="name_error_msg" class="hidden">(Please fill out this
field.)</span>
<div class="inputTerm">
<input type="text" name="name" required="">
<label>
* Your name
</label>
</div>
<span id="email_error_msg" class="hidden">(Please fill out this field.)</span>
<span id="email_verify_msg" class="hidden">(Please verify your email.)</span>
<div class="inputTerm">
<input type="email" name="email" required="">
<label>
* Email
</label>
</div>
2 years ago
<span id="contact_error_msg" class="hidden">(Please fill out
this field.)</span>
<div class="inputTerm" style="margin-bottom: -10px;">
<select class="country_code" name="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>
<option style="font-weight: 600;" value="Australia +61">Australia&nbsp; &nbsp;+61</option>
<option style="font-weight: 600;" value="Canada +1">Canada&nbsp; &nbsp;+1</option>
<option style="font-weight: 600;" value="France +33">France&nbsp; &nbsp;+33</option>
<option style="font-weight: 600;" value="Germany +49">Germany&nbsp; &nbsp;+49</option>
<option style="font-weight: 600; " value="Italy +39">Italy&nbsp; &nbsp;+39</option>
<option style="font-weight: 600; " value="Mexico +52">Mexico&nbsp; &nbsp;+52</option>
<option style="font-weight: 600; " value="Netherlands +31">Netherlands&nbsp; &nbsp;+31</option>
<option style="font-weight: 600; " value="Singapore +65">Singapore&nbsp; &nbsp;+65</option>
<option value="Afghanistan +93">Afghanistan &nbsp; &nbsp;+93</option>
<option value="Albania +355">Albania &nbsp; &nbsp;+355</option>
<option value="Algeria +213">Algeria&nbsp; &nbsp;+213</option>
<option value="American Samoa +1">American Samoa&nbsp; &nbsp;+1684</option>
<option value="Andorra +376">Andorra&nbsp; &nbsp;+376</option>
<option value="Angola +244">Angola&nbsp; &nbsp;+244</option>
<option value="Anguilla +1">Anguilla&nbsp; &nbsp;+1264</option>
<option value="Australia +61">Australia&nbsp; &nbsp;+61</option>
<option value="Antigua and Barbuda +1">Antigua and Barbuda&nbsp; &nbsp;+1268</option>
<option value="Argentina +54">Argentina&nbsp; &nbsp;+54</option>
<option value="Armenia +374">Armenia &nbsp; &nbsp;+374</option>
<option value="Aruba +297">Aruba&nbsp; &nbsp;+297</option>
<option value="Ascension Island +247">Ascension Island&nbsp; &nbsp;+247</option>
<option value="Austria +43">Austria&nbsp; &nbsp;+43</option>
<option value="Azerbaijan +994">Azerbaijan&nbsp; &nbsp;+994</option>
<option value="Bahamas +1">Bahamas&nbsp; &nbsp;+1242</option>
<option value="Bahrain +973">Bahrain&nbsp; &nbsp;+973</option>
<option value="Bangladesh +880">Bangladesh&nbsp; &nbsp;+880</option>
<option value="Barbados +1">Barbados&nbsp; &nbsp;+1246</option>
<option value="Belarus +375">Belarus&nbsp; &nbsp;+375</option>
<option value="Belgium +32">Belgium&nbsp; &nbsp;+32</option>
<option value="Belize +501">Belize&nbsp; &nbsp;+501</option>
<option value="Benin +229">Benin&nbsp; &nbsp;+229</option>
<option value="Bermuda +1">Bermuda&nbsp; &nbsp;+1441</option>
<option value="Bhutan +975">Bhutan&nbsp; &nbsp;+975</option>
<option value="Bolivia +591">Bolivia&nbsp; &nbsp;+591</option>
<option value="Bosnia and Herzegovina +387">Bosnia and Herzegovina&nbsp; &nbsp;+387</option>
<option value="Botswana +267">Botswana&nbsp; &nbsp;+267</option>
<option value="Brazil +55">Brazil&nbsp; &nbsp;+55</option>
<option value="British Indian Ocean Territory +246">British Indian Ocean Territory&nbsp;
&nbsp;+246</option>
<option value="British Virgin Islands +1">British Virgin Islands&nbsp; &nbsp;+1284</option>
<option value="Brunei +673">Brunei&nbsp; &nbsp;+673</option>
<option value="Bulgaria +359">Bulgaria &nbsp; &nbsp;+359</option>
<option value="Burkina Faso +226">Burkina Faso&nbsp; &nbsp;+226</option>
<option value="Burundi +257">Burundi&nbsp; &nbsp;+257</option>
<option value="Cambodia +855">Cambodia&nbsp; &nbsp;+855</option>
<option value="Cameroon +237">Cameroon&nbsp; &nbsp;+237</option>
<option value="Canada +1">Canada&nbsp; &nbsp;+1</option>
<option value="Cape Verde +238">Cape Verde&nbsp; &nbsp;+238</option>
<option value="Caribbean Netherlands +599">Caribbean Netherlands&nbsp; &nbsp;+599</option>
<option value="Cayman Islands +1">Cayman Islands&nbsp; &nbsp;+1345</option>
<option value="Central African Republic +236">Central African Republic&nbsp; &nbsp;+236</option>
<option value="Chad +235">Chad&nbsp; &nbsp;+235</option>
<option value="Chile +56">Chile&nbsp; &nbsp;+56</option>
<option value="China +86">China&nbsp; &nbsp;+86</option>
<option value="Christmas Island +61">Christmas Island&nbsp; &nbsp;+6189164</option>
<option value="Cocos Islands +61">Cocos Islands&nbsp; &nbsp;+6189162</option>
<option value="Colombia +57">Colombia&nbsp; &nbsp;+57</option>
<option value="Comoros +269">Comoros&nbsp; &nbsp;+269</option>
<option value="Congo +243">Congo (DRC)&nbsp; &nbsp;+243</option>
<option value="Congo +242">Congo (Republic)&nbsp; &nbsp;+242</option>
<option value="Cook Islands +682">Cook Islands&nbsp; &nbsp;+682</option>
<option value="Costa Rica +506">Costa Rica&nbsp; &nbsp;+506</option>
<option value="Côte d'Ivoire +225">Côte d'Ivoire&nbsp; &nbsp;+225</option>
<option value="Croatia +385">Croatia&nbsp; &nbsp;+385</option>
<option value="Cuba +53">Cuba&nbsp; &nbsp;+53</option>
<option value="Curaçao +599">Curaçao&nbsp; &nbsp;+599</option>
<option value="Cyprus +357">Cyprus&nbsp; &nbsp;+357</option>
<option value="Czech Republic +420">Czech Republic&nbsp; &nbsp;+420</option>
<option value="Denmark +45">Denmark&nbsp; &nbsp;+45</option>
<option value="Djibouti +253">Djibouti&nbsp; &nbsp;+253</option>
<option value="Dominica +1">Dominica&nbsp; &nbsp;+1767</option>
<option value="Dominican Republic +1">Dominican Republic&nbsp; &nbsp;+1809</option>
<option value="Ecuador +593">Ecuador&nbsp; &nbsp;+593</option>
<option value="Egypt +20">Egypt&nbsp; &nbsp;+20</option>
<option value="El Salvador +503">El Salvador&nbsp; &nbsp;+503</option>
<option value="Equatorial Guinea +240">Equatorial Guinea&nbsp; &nbsp;+240</option>
<option value="Eritrea +291">Eritrea&nbsp; &nbsp;+291</option>
<option value="Estonia +372">Estonia&nbsp; &nbsp;+372</option>
<option value="Eswatini +268">Eswatini&nbsp; &nbsp;+268</option>
<option value="Ethiopia +251">Ethiopia&nbsp; &nbsp;+251</option>
<option value="Falkland Islands +500">Falkland Islands&nbsp; &nbsp;+500</option>
<option value="Faroe Islands +298">Faroe Islands&nbsp; &nbsp;+298</option>
<option value="Fiji +679">Fiji&nbsp; &nbsp;+679</option>
<option value="Finland +358">Finland&nbsp; &nbsp;+358</option>
<option value="France +33">France&nbsp; &nbsp;+33</option>
<option value="French Guiana +594">French Guiana&nbsp; &nbsp;+594</option>
<option value="French Polynesia +689">French Polynesia&nbsp; &nbsp;+689</option>
<option value="Gabon +241">Gabon&nbsp; &nbsp;+241</option>
<option value="Gambia +220">Gambia&nbsp; &nbsp;+220</option>
<option value="Georgia +995">Georgia&nbsp; &nbsp;+995</option>
<option value="Germany +49">Germany&nbsp; &nbsp;+49</option>
<option value="Ghana +233">Ghana&nbsp; &nbsp;+233</option>
<option value="Gibraltar +350">Gibraltar&nbsp; &nbsp;+350</option>
<option value="Greece +30">Greece&nbsp; &nbsp;+30</option>
<option value="Greenland +299">Greenland&nbsp; &nbsp;+299</option>
<option value="Grenada +1">Grenada&nbsp; &nbsp;+1473</option>
<option value="Guadeloupe +590">Guadeloupe&nbsp; &nbsp;+590</option>
<option value="Guam +1">Guam&nbsp; &nbsp;+1671</option>
<option value="Guatemala +502">Guatemala&nbsp; &nbsp;+502</option>
<option value="Guernsey +44">Guernsey&nbsp; &nbsp;+441481</option>
<option value="Guinea +224">Guinea&nbsp; &nbsp;+224</option>
<option value="Guinea-Bissau +245">Guinea-Bissau&nbsp; &nbsp;+245</option>
<option value="Guyana +592">Guyana&nbsp; &nbsp;+592</option>
<option value="Haiti +509">Haiti&nbsp; &nbsp;+509</option>
<option value="Honduras +504">Honduras&nbsp; &nbsp;+504</option>
<option value="Hong Kong +852">Hong Kong&nbsp; &nbsp;+852</option>
<option value="Hungary +36">Hungary&nbsp; &nbsp;+36</option>
<option value="Iceland +354">Iceland&nbsp; &nbsp;+354</option>
<option value="India +91">India&nbsp; &nbsp;+91</option>
<option value="Indonesia +62">Indonesia&nbsp; &nbsp;+62</option>
<option value="Iran +98">Iran&nbsp; &nbsp;+98</option>
<option value="Iraq +964">Iraq&nbsp; &nbsp;+964</option>
<option value="Ireland +353">Ireland&nbsp; &nbsp;+353</option>
<option value="Isle of Man +44">Isle of Man&nbsp; &nbsp;+44</option>
<option value="Israel +972">Israel&nbsp; &nbsp;+972</option>
<option value="Italy +39">Italy&nbsp; &nbsp;+39</option>
<option value="Jamaica +1">Jamaica&nbsp; &nbsp;+1876</option>
<option value="Japan +81">Japan&nbsp; &nbsp;+81</option>
<option value="Jersey +44">Jersey&nbsp; &nbsp;+44</option>
<option value="Jordan +962">Jordan&nbsp; &nbsp;+962</option>
<option value="Kazakhstan +7">Kazakhstan &nbsp; &nbsp;+7</option>
<option value="Kenya +254">Kenya&nbsp; &nbsp;+254</option>
<option value="Kiribati +686">Kiribati&nbsp; &nbsp;+686</option>
<option value="Kosovo +383">Kosovo&nbsp; &nbsp;+383</option>
<option value="Kuwait +965">Kuwait&nbsp; &nbsp;+965</option>
<option value="Kyrgyzstan +996">Kyrgyzstan &nbsp; &nbsp;+996</option>
<option value="Laos +856">Laos&nbsp; &nbsp;+856</option>
<option value="Latvia +371">Latvia &nbsp; &nbsp;+371</option>
<option value="Lebanon +961">Lebanon&nbsp; &nbsp;+961</option>
<option value="Lesotho +266">Lesotho&nbsp; &nbsp;+266</option>
<option value="Liberia +231">Liberia&nbsp; &nbsp;+231</option>
<option value="Libya +218">Libya&nbsp; &nbsp;+218</option>
<option value="Liechtenstein +423">Liechtenstein&nbsp; &nbsp;+423</option>
<option value="Lithuania +370">Lithuania&nbsp; &nbsp;+370</option>
<option value="Luxembourg +352">Luxembourg&nbsp; &nbsp;+352</option>
<option value="Macau +853">Macau&nbsp; &nbsp;+853</option>
<option value="Macedonia +389">Macedonia&nbsp; &nbsp;+389</option>
<option value="Madagascar +261">Madagascar&nbsp; &nbsp;+261</option>
<option value="Malawi +265">Malawi&nbsp; &nbsp;+265</option>
<option value="Malaysia +60">Malaysia&nbsp; &nbsp;+60</option>
<option value="Maldives +960">Maldives&nbsp; &nbsp;+960</option>
<option value="Mali +223">Mali&nbsp; &nbsp;+223</option>
<option value="Malta +356">Malta&nbsp; &nbsp;+356</option>
<option value="Marshall +692">Marshall Islands&nbsp; &nbsp;+692</option>
<option value="Martinique +596">Martinique&nbsp; &nbsp;+596</option>
<option value="Mauritania +222">Mauritania&nbsp; &nbsp;+222</option>
<option value="Mauritius +230">Mauritius&nbsp; &nbsp;+230</option>
<option value="Mayotte +262">Mayotte&nbsp; &nbsp;+262</option>
<option value="Micronesia +691">Micronesia&nbsp; &nbsp;+691</option>
<option value="Moldova +373">Moldova&nbsp; &nbsp;+373</option>
<option value="Monaco +377">Monaco&nbsp; &nbsp;+377</option>
<option value="Mongolia +976">Mongolia&nbsp; &nbsp;+976</option>
<option value="Montenegro +382">Montenegro&nbsp; &nbsp;+382</option>
<option value="Montserrat +1">Montserrat&nbsp; &nbsp;+1664</option>
<option value="Morocco +212">Morocco&nbsp; &nbsp;+212</option>
<option value="Mozambique +258">Mozambique&nbsp; &nbsp;+258</option>
<option value="Myanmar +95">Myanmar &nbsp; &nbsp;+95</option>
<option value="Namibia +264">Namibia&nbsp; &nbsp;+264</option>
<option value="Nauru +674">Nauru&nbsp; &nbsp;+674</option>
<option value="Nepal +977">Nepal&nbsp; &nbsp;+977</option>
<option value="New Caledonia +687">New Caledonia&nbsp; &nbsp;+687</option>
<option value="New Zealand +64">New Zealand&nbsp; &nbsp;+64</option>
<option value="Nicaragua +505">Nicaragua&nbsp; &nbsp;+505</option>
<option value="Niger +227">Niger&nbsp; &nbsp;+227</option>
<option value="Nigeria +234">Nigeria&nbsp; &nbsp;+234</option>
<option value="Niue +683">Niue&nbsp; &nbsp;+683</option>
<option value="Norfolk Island +672">Norfolk Island&nbsp; &nbsp;+6723</option>
<option value="North Korea +850">North Korea&nbsp; &nbsp;+850</option>
<option value="Northern Mariana Islands +1">Northern Mariana Islands&nbsp; &nbsp;+1670</option>
<option value="Norway +47">Norway&nbsp; &nbsp;+47</option>
<option value="Oman +968">Oman&nbsp; &nbsp;+968</option>
<option value="Pakistan +92">Pakistan&nbsp; &nbsp;+92</option>
<option value="Palau +680">Palau&nbsp; &nbsp;+680</option>
<option value="Palestine +970">Palestine &nbsp; &nbsp;+970</option>
<option value="Panama +507">Panama &nbsp; &nbsp;+507</option>
<option value="Papua New Guinea 675">Papua New Guinea&nbsp; &nbsp;+675</option>
<option value="Paraguay +595">Paraguay&nbsp; &nbsp;+595</option>
<option value="Peru +51">Peru &nbsp; &nbsp;+51</option>
<option value="Philippines +63">Philippines&nbsp; &nbsp;+63</option>
<option value="Poland +48">Poland&nbsp; &nbsp;+48</option>
<option value="Portugal +351">Portugal&nbsp; &nbsp;+351</option>
<option value="Puerto Rico +1">Puerto Rico&nbsp; &nbsp;+1787</option>
<option value="Qatar +974">Qatar&nbsp; &nbsp;+974</option>
<option value="Réunion +262">Réunion&nbsp; &nbsp;+262</option>
<option value="Romania +40">Romania&nbsp; &nbsp;+40</option>
<option value="Russia +7">Russia&nbsp; &nbsp;+7</option>
<option value="Rwanda +250">Rwanda&nbsp; &nbsp;+250</option>
<option value="Saint Barthélemy +590">Saint Barthélemy&nbsp; &nbsp;+590</option>
<option value="Saint Helena +290">Saint Helena&nbsp; &nbsp;+290</option>
<option value="Saint Kitts and Nevis +1">Saint Kitts and Nevis&nbsp; &nbsp;+1869</option>
<option value="Saint Lucia +1">Saint Lucia&nbsp; &nbsp;+1758</option>
<option value="Saint Martin +590">Saint Martin&nbsp; &nbsp;+590</option>
<option value="Saint Pierre and Miquelon +508">Saint Pierre and Miquelon&nbsp; &nbsp;+508
</option>
<option value="Saint Vincent and the Grenadines +1">Saint Vincent and the Grenadines&nbsp;
&nbsp;+1784</option>
<option value="Samoa +685">Samoa&nbsp; &nbsp;+685</option>
<option value="San Marino +378">San Marino&nbsp; &nbsp;+378</option>
<option value="São Tomé and Príncipe +239">São Tomé and Príncipe&nbsp; &nbsp;+239</option>
<option value="Saudi Arabia +966">Saudi Arabia &nbsp; &nbsp;+966</option>
<option value="Senegal +221">Senegal &nbsp; &nbsp;+221</option>
<option value="Serbia +381">Serbia&nbsp; &nbsp;+381</option>
<option value="Seychelles +248">Seychelles&nbsp; &nbsp;+248</option>
<option value="Sierra Leone +232">Sierra Leone&nbsp; &nbsp;+232</option>
<option value="Sint Maarten +1">Sint Maarten&nbsp; &nbsp;+1721</option>
<option value="Slovakia +421">Slovakia&nbsp; &nbsp;+421</option>
<option value="Slovenia +386">Slovenia&nbsp; &nbsp;+386</option>
<option value="Solomon Islands +677">Solomon Islands&nbsp; &nbsp;+677</option>
<option value="Somalia +252">Somalia&nbsp; &nbsp;+252</option>
<option value="South Africa +27">South Africa&nbsp; &nbsp;+27</option>
<option value="South Korea +82">South Korea&nbsp; &nbsp;+82</option>
<option value="South Sudan +211">South Sudan&nbsp; &nbsp;+211</option>
<option value="Spain +34">Spain&nbsp; &nbsp;+34</option>
<option value="Sri Lanka +94">Sri Lanka &nbsp; &nbsp;+94</option>
<option value="Sudan +249">Sudan&nbsp; &nbsp;+249</option>
<option value="Suriname">Suriname&nbsp; &nbsp;+597</option>
<option value="Svalbard and Jan Mayen +47">Svalbard and Jan Mayen&nbsp; &nbsp;+47</option>
<option value="Sweden +46">Sweden&nbsp; &nbsp;+46</option>
<option value="Switzerland +41">Switzerland&nbsp; &nbsp;+41</option>
<option value="Syria +963">Syria &nbsp; &nbsp;+963</option>
<option value="Taiwan +886">Taiwan&nbsp; &nbsp;+886</option>
<option value="Tajikistan +992">Tajikistan&nbsp; &nbsp;+992</option>
<option value="Tanzania +255">Tanzania&nbsp; &nbsp;+255</option>
<option value="Thailand +66">Thailand&nbsp; &nbsp;+66</option>
<option value="Timor-Leste +670">Timor-Leste&nbsp; &nbsp;+670</option>
<option value="Togo +228">Togo&nbsp; &nbsp;+228</option>
<option value="Tokelau +690">Tokelau&nbsp; &nbsp;+690</option>
<option value="Tonga +676">Tonga&nbsp; &nbsp;+676</option>
<option value="Trinidad and Tobago +1">Trinidad and Tobago&nbsp; &nbsp;+1868</option>
<option value="Tunisia +216">Tunisia&nbsp; &nbsp;+216</option>
<option value="Turkey +90">Turkey&nbsp; &nbsp;+90</option>
<option value="Turkmenistan +993">Turkmenistan&nbsp; &nbsp;+993</option>
<option value="Turks and Caicos Islands +1">Turks and Caicos Islands&nbsp; &nbsp;+1649</option>
<option value="Tuvalu +688">Tuvalu&nbsp; &nbsp;+688</option>
<option value="U.S. Virgin Islands +1">U.S. Virgin Islands&nbsp; &nbsp;+1340</option>
<option value="Uganda +256">Uganda&nbsp; &nbsp;+256</option>
<option value="Ukraine +380">Ukraine&nbsp; &nbsp;+380</option>
<option value="United Arab Emirates +971">United Arab Emirates &nbsp; &nbsp;+971</option>
<option value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
<option value="United States +1">United States&nbsp; &nbsp;+1</option>
<option value="Uruguay +598">Uruguay&nbsp; &nbsp;+598</option>
<option value="Uzbekistan +998">Uzbekistan&nbsp; &nbsp;+998</option>
<option value="Vanuatu +678">Vanuatu&nbsp; &nbsp;+678</option>
<option value="Vatican City +39">Vatican City&nbsp; &nbsp;+379</option>
<option value="Venezuela +58">Venezuela&nbsp; &nbsp;+58</option>
<option value="Vietnam +84">Vietnam&nbsp; &nbsp;+84</option>
<option value="Wallis and Futuna +681">Wallis and Futuna&nbsp; &nbsp;+681</option>
<option value="Western Sahara +212">Western Sahara &nbsp; &nbsp;+21228</option>
<option value="Yemen +967">Yemen&nbsp; &nbsp;+967</option>
<option value="Zambia +260">Zambia&nbsp; &nbsp;+260</option>
<option value="Zimbabwe +263">Zimbabwe&nbsp; &nbsp;+263</option>
<option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+35818</option>
2 years ago
</select>
<input type="text" name="PhoneNo" id="contactInfo" required="" style="width: 48.5%;">
<label style="left: 350px;">
* Phone number
</label>
</div>
2 years ago
<p style="
margin-top: 0;
margin-bottom: 10px;
">I prefer to be contacted via:</p>
<div class="checkYes">
<label for="whatsapp">
<input type="checkbox" value="yes" name="contact_via_WhatsApp" id="whatsapp" class="checkBorder"
style="
margin-right: 10px;
">WhatsApp
2 years ago
</label>
</div>
<div class="checkYes">
<label for="iMessage">
<input type="checkbox" value="yes" name="contact_via_iMessage" id="iMessage" class="checkBorder"
style="
margin-right: 5px;
margin-right: 10px;
">iMessage
2 years ago
</label>
</div>
<div class="checkYes">
<label for="Phone call">
<input type="checkbox" value="yes" name="contact_via_phone_call" id="Phone call"
class="checkBorder" style="
margin-right: 10px;
">Phone call
2 years ago
</label>
</div>
<div class="checkYes">
<label for="Email">
<input type="checkbox" value="yes" name="contact_via_email" id="Email"
class="checkBorder" style="
margin-right: 10px;
">Email
</label>
</div>
2 years ago
<div class="checkYes">
<label for="Video appointment">
<input type="checkbox" value="yes" name="contact_via_video_appointment" id="Video appointment"
class="checkBorder" style="
margin-right: 10px;
">Video appointment
2 years ago
</label>
</div>
2 years ago
</div>
<div id="inquiryBox">
2 years ago
<div class="selectionBlock">
<h3>
<em>*</em> Any additional information you'd like to share about your trip?
</h3>
2 years ago
<div class="travelStyle" id="gift">
<input type="checkbox" value="Retirement gift" id="Retirement gift" name="interests[]">
<label for="Retirement gift" data-clickable="">
<div class="smallTag">
<div class="styleText">Retirement gift</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Birthday">
<input type="checkbox" value="Birthday" id="Birthday" name="interests[]">
<label for="Birthday" data-clickable="">
<div class="smallTag">
<div class="styleText">Birthday</div>
</div>
</label>
</div>
2 years ago
<div class="travelStyle" id="trip4Anniversary">
2 years ago
<input type="checkbox" value="Anniversary" id="Anniversary" name="interests[]">
<label for="Anniversary" data-clickable="">
<div class="smallTag">
<div class="styleText">Anniversary</div>
</div>
</label>
</div>
2 years ago
<div class="travelStyle" id="trip4Honeymoon" >
2 years ago
<input type="checkbox" value="Honeymoon" id="Honeymoon" name="interests[]">
<label for="Honeymoon" data-clickable="">
<div class="smallTag">
<div class="styleText">Honeymoon</div>
</div>
</label>
</div>
2 years ago
<div class="travelStyle" id="trip4Graduation" >
2 years ago
<input type="checkbox" value="Graduation" id="Graduation" name="interests[]">
<label for="Graduation" data-clickable="">
<div class="smallTag">
<div class="styleText">Graduation</div>
</div>
</label>
</div>
2 years ago
<div class="travelStyle" id="friend" >
2 years ago
<input type="checkbox" value="Visiting family/friend" id="Visiting friend" name="interests[]">
<label for="Visiting friend" data-clickable="">
<div class="smallTag">
<div class="styleText">Visiting family/friend</div>
</div>
</label>
</div>
2 years ago
<span class="formNote">E.g.: <br>
1. This is a big trip for my husband's birthday, our 20-year anniversary, honeymoon,
retirement, kid's graduation, bucket list…<br>
2. Our must-dos/must-sees for this big trip are…<br>
3. This will be my first/second/… visit to…
</span>
<div id="requirement_error_msg" class="hidden">(Please
specify your requests.)</div>
<textarea id="additionalrequirements" name="additional_requirements"
style="resize:none;"></textarea>
</div>
<div class="inquiryBtn">
<button id="tmsubmit" type="button">Send My Inquiry</button>
<input id="product_code" name="product_code" type="hidden" value="">
<input type="hidden" name="url" value="">
</div>
<p style="
2 years ago
text-align: center;
margin-top: -30px;
font-style: italic;
font-size: 18px;
color: #666;
">You take the trip, we handle the hassle :)</p>
</div>
</form>
</div>
<div class="bottom_why_us">
<div class="tp_banner">4.9 Excellent<img src="https://data.asiahighlights.com/pic/trustpilot-new-icon.png"
class="img-responsive" alt="TrustPilot rating" width="100px">
<img src="https://data.asiahighlights.com/image/about/logo-white.png" class="img-responsive"
alt="TrustPilot Logo" width="73px">
</div>
<h2>The Asia Highlights Experience</h2>
<div class="table-responsive">
<table class="why_us_table">
<tbody>
<tr>
<td>
<div class="bottom_why_us_content">
<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-1.png"
alt="1-to-1 Expert Planning" class="img-responsive">
<h3>1-to-1 Expert Planning</h3>
<p>Your tour will be tailor-made to suit you by a destination expert. Your personal
travel advisor will always reply within 24 hours.</p>
</div>
</td>
<td>
<div class="bottom_why_us_content">
<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-2.png"
alt="Personal Journeys" class="img-responsive">
<h3>Personal Journeys</h3>
<p>Enjoy having your own personal local guide and ride. Explore destinations at your own
pace. Have as much flexibility as possible.</p>
</div>
</td>
<td>
<div class="bottom_why_us_content">
<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-3.png"
alt="Authentic Experiences" class="img-responsive">
<h3>Authentic Experiences</h3>
<p>Go beyond the sightseeing. Understand the destinations by practicing the local
culture and interacting with local people.</p>
</div>
</td>
<td>
<div class="bottom_why_us_content">
<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-4.png"
alt="One-Stop Service" class="img-responsive">
<h3>One-Stop Service</h3>
<p>Leave all the booking work to us, including international and internal
transportation, visas, hotels, meals, and activities.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="infobottom">
<div class="footerbox">
<div class="aboutusleft">
<div class="bottomaboutus">
<div class="bottompctitle">About Us</div>
<div class="aboutusinfo">At Asia Highlights, we are committed to providing you an affordable,
quality private tour, whether it's a family vacation, a honeymoon, or your annual break — your
planning will be made easy with just one specialist throughout. <a href="/about-us">Know more
...</a>
<div class="trustPilotIconBig">
<img class="img-responsive"
src="https://data.asiahighlights.com/pic/trustpilot-new-icon.png"
style="margin: 10px 0; display: block;">
Rated
4.8 out of 5 | Excellent
</div>
</div>
</div>
</div>
<div class="aboutusright">
<div class="bottompctitle">Featured on</div>
<img width="436" height="250" style="width: 77%;"
src="https://data.chinahighlights.com/pic/guide/info-template-feature-on.png" alt="Medias"
class="img-responsive bottomfeature">
</div>
<div class="clear"></div>
<div class="bottomaboutuslinks">
<div class="bottomlinksleft">
<ul class="withBorder">
<li><a href="/about-us" rel="nofollow">About us</a></li>
<li><a href="/about-us/history" rel="nofollow">History</a></li>
<li><a href="/about-us/our-differences" rel="nofollow">Our Differences</a></li>
<li><a href="/contact-us" rel="nofollow">Contact Us</a></li>
</ul>
</div>
<ul class="socialmedias">
<li><a href="https://www.facebook.com/AsiaHighlights/" rel="nofollow" title="Follow us on Facebook"
class="fb" target="_blank">
Facebook
</a></li>
<li><a href="https://www.instagram.com/asiahighlights/" rel="nofollow"
title="Follow us on Instagram" target="_blank">
Instagram </a></li>
<li><a href="https://www.pinterest.com/AsiaHighlights/_saved/" rel="nofollow"
title="Share us on Pinterest" target="_blank">Pinterest</a>
</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<div class="bottomlogo">
<div class="footerbox">
<img src="https://data.chinahighlights.com/image/asia/asia-highlights-bottom-logo.png" width="114"
height="71" class="img-responsive bottomlogopc">
<span class="bottomcopyright">© 2016-2023 Asia Highlights — Discovery Your Way! </span>
<span class="bottomprivacy"><a href="/privacy.htm">Privacy Policy</a> | <a
href="/terms-of-use.htm">Terms</a></span>
</div>
</div>
</body>
</html>
<script>
((doc, urlParams) => {
doc.addEventListener('DOMContentLoaded', () => {
const productCode = urlParams.get('product_code');
if (productCode != null) {
const productCodeInput = doc.getElementById('product_code');
productCodeInput.value = productCode;
}
});
})(document, new URLSearchParams(new URL(window.location.href).search));
</script>
<script>
$(function () {
var $adultBlock = $('#adultBlock');
var $childrenBlock = $('#childrenBlock');
var $adultNumberInput = $('#adultNumber');
var adultNumber = $adultNumberInput.val();
var $teenagerNumberInput = $('#teenagerNumber');
var teenagerNumber = $teenagerNumberInput.val();
var $childrenNumberInput = $('#childrenNumber');
var childrenNumber = $childrenNumberInput.val();
var $infantNumberInput = $('#infantNumber');
var infantNumber = $infantNumberInput.val();
$('input[name="travel_group"]').each((i, groupEle) => {
$(groupEle).click(function (e) {
$teenagerNumberInput.val(0);
$childrenNumberInput.val(0);
$infantNumberInput.val(0);
var currentTarget = e.currentTarget;
if (currentTarget.id === 'Family' || currentTarget.id === 'Other') {
$adultBlock.show();
$childrenBlock.show();
} else {
$adultBlock.show();
$childrenBlock.hide();
}
if (currentTarget.id === 'Couple') {
$adultNumberInput.val(2);
} else if (currentTarget.id === 'Solo') {
$adultNumberInput.val(1);
} else if (currentTarget.id === 'Friends') {
$adultNumberInput.val(5);
}
showTrip4(currentTarget.id);
})
});
var $trip4Title = $('#trip4Title');
var $trip4Birthday = $('#trip4Birthday');
var $trip4Anniversary = $('#trip4Anniversary');
var $trip4Honeymoon = $('#trip4Honeymoon');
var $trip4Retirement = $('#trip4Retirement');
var $trip4Graduation = $('#trip4Graduation');
var $trip4Business = $('#trip4Business');
var $trip4Bucket = $('#trip4Bucket');
2 years ago
var $trip4Work = $('#trip4Work');
var $annual = $('#annual');
var $gift = $('#gift');
var $friend = $('#friend');
const trip4Map = new Map();
trip4Map.set('Family', [$trip4Birthday, $trip4Graduation, $trip4Anniversary, $trip4Bucket, $annual, $gift, $friend]);
trip4Map.set('Couple', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Honeymoon, $trip4Bucket, $annual, $gift, $friend]);
trip4Map.set('Solo', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Business, $trip4Bucket, $annual, $gift, $friend]);
trip4Map.set('Other', [$trip4Bucket, $trip4Birthday, $trip4Retirement, $trip4Graduation, $trip4Business, $gift]);
function showTrip4(travelGroup) {
$trip4Title.show();
for (const trip4List of trip4Map.values()) {
trip4List.forEach(trip4 => {
trip4.hide();
})
}
const trip4List = trip4Map.get(travelGroup);
trip4List.forEach(trip4 => {
trip4.show();
})
}
var $tripDateBlock = $('#tripDateBlock');
var $expectedDate = $('#Date_Start');
var $expectedMonth = $('#expectedMonth');
var $dateSelectionBlock = $('#dateSelectionBlock');
var $expectedTravelDateBlock = $('#expectedTravelDateBlock');
var selectedExpectedDate = '';
$('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();
$expectedTravelDateBlock.hide();
$expectedMonth.hide();
$expectedDate.show();
} else if (selectedTripDate.id === 'approximate') {
$dateSelectionBlock.show();
$expectedTravelDateBlock.hide();
$expectedDate.hide();
$expectedMonth.show();
} else if (selectedTripDate.id === 'yet') {
$dateSelectionBlock.hide();
$expectedTravelDateBlock.show();
}
})
});
var tripLength = $('#tripLengthNumber').val();
//成人
$('#plusAdult').click(function () {
adultNumber++;
$adultNumberInput.val(adultNumber);
});
$('#minusAdult').click(function () {
if (adultNumber > 1) {
adultNumber--;
$adultNumberInput.val(adultNumber);
}
});
// 青少年
$('#plusTeenager').click(function () {
teenagerNumber++;
$teenagerNumberInput.val(teenagerNumber);
});
$('#minusTeenager').click(function () {
if (teenagerNumber > 0) {
teenagerNumber--;
$teenagerNumberInput.val(teenagerNumber);
}
});
// 儿童
$('#plusChildren').click(function () {
childrenNumber++;
$childrenNumberInput.val(childrenNumber);
});
$('#minusChildren').click(function () {
if (childrenNumber > 0) {
childrenNumber--;
$childrenNumberInput.val(childrenNumber);
}
});
// 婴儿
$('#plusInfant').click(function () {
infantNumber++;
$infantNumberInput.val(infantNumber);
});
$('#minusInfant').click(function () {
if (infantNumber > 0) {
infantNumber--;
$infantNumberInput.val(infantNumber);
}
});
// Trip Length
$('#tripLengthPlus').click(function () {
tripLength++;
$('#tripLengthNumber').val(tripLength);
});
$('#tripLengthMinus').click(function () {
if (tripLength > 1) {
tripLength--;
$('#tripLengthNumber').val(tripLength);
}
});
var tailormade_form = document.getElementById("tailormade_form");
//表单验证
$('#tmsubmit').click(function () {
var windowHeight = $(window).height();
var scrollTopWhere = windowHeight;
var errorCount = 0;
var calcScrollTop = function ($jqElement) {
var visibleTop = $jqElement.offset().top - $jqElement.height();
if (errorCount === 0) {
scrollTopWhere = visibleTop;
}
}
$('#destination_error_msg').addClass('hidden');
$('#hotel_error_msg').addClass('hidden');
$('#group_error_msg').addClass('hidden');
$('#date_error_msg').addClass('hidden');
$('#trip_length_error_msg').addClass('hidden');
$('#requirement_error_msg').addClass('hidden');
$('#name_error_msg').addClass('hidden');
$('#email_error_msg').addClass('hidden');
$('#email_verify_msg').addClass('hidden');
$('#nation_error_msg').addClass('hidden');
$('#contact_error_msg').addClass('hidden');
var hotel = $('input[name="hotel"]:checked').val();
var destination_is_checked = $('input[name="destination[]"]').is(":checked");
var travel_group_is_checked = $('input[name="travel_group"]').is(":checked");
var requirementVal = $('#additionalrequirements').val();
var name = $('input[name="name"]').val();
var emailVal = $('input[name="email"]').val();
var contactVal = $('#contactInfo').val();
// 目的地选择
if (destination_is_checked === false) {
calcScrollTop($('#destination_select'));
$('#destination_error_msg').removeClass('hidden');
errorCount++;
}
//酒店选择
if (hotel === undefined) {
calcScrollTop($('#hotelselect'));
$('#hotel_error_msg').removeClass('hidden');
errorCount++;
}
if (travel_group_is_checked === false) {
calcScrollTop($('#travelGroupHeader'));
$('#group_error_msg').removeClass('hidden');
errorCount++;
}
var tripDate_is_checked = false;
if (selectedExpectedDate === 'exact') {
tripDate_is_checked = $expectedDate.val() !== '';
} else if (selectedExpectedDate === 'approximate') {
tripDate_is_checked = $expectedMonth.val() !== '';
} else if (selectedExpectedDate === 'yet') {
tripDate_is_checked = true;
}
//时间选择
if (!tripDate_is_checked) {
calcScrollTop($('#dateselect'));
$('#date_error_msg').removeClass('hidden');
errorCount++;
}
if (tripLength < 1) {
calcScrollTop($('#tripLengthTitle'));
$('#trip_length_error_msg').removeClass('hidden');
errorCount++;
}
//其他需求验证
if (requirementVal == '') {
calcScrollTop($('#additionalrequirements'));
$('#requirement_error_msg').removeClass('hidden');
errorCount++;
}
//姓名验证
if (name == '') {
calcScrollTop($('#TellUsaboutYou'));
$('#name_error_msg').removeClass('hidden');
errorCount++;
}
//邮箱验证
if (emailVal == '') {
calcScrollTop($('#TellUsaboutYou'));
$('#email_error_msg').removeClass('hidden');
errorCount++;
} else {
calcScrollTop($('#TellUsaboutYou'));
var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
if (!emailPattern.test(emailVal)) {
$('#email_verify_msg').removeClass('hidden');
errorCount++;
}
}
//联系方式验证
if (contactVal == '') {
calcScrollTop($('#TellUsaboutYou'));
$('#contact_error_msg').removeClass('hidden');
errorCount++;
}
if (errorCount > 0) {
$("body,html").animate({
scrollTop: scrollTopWhere
})
}
if (errorCount <= 0) {
if (typeof (grecaptcha) === "undefined") {
console.warn('grecaptcha is disabled.');
tailormade_form.submit();
} else {
grecaptcha.enterprise.ready(async () => {
const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', { action: 'ADD_TO_CART' });
var el = document.createElement("input");
el.type = "hidden";
el.name = "__grecaptcha_token__";
el.value = token;
tailormade_form.appendChild(el);
tailormade_form.submit();
$('#tmsubmit').text("Submitted successfully");
});
}
}
});
});
6 years ago
</script>