< link href = "/min/?f=/css/tm-pc.css" rel = "stylesheet" >
< div class = "wholeWrap2" >
< div class = "col-md-3 col-sm-3" >
< / div >
< div class = "col-md-6 col-sm-6" >
< div class = "row" >
< div class = "stpeBlock" >
< div class = "workingSteps" >
< div class = "col-md-6 col-sm-6" >
< div class = "stepLogo" >
< img src = "https://data.asiahighlights.com/image/ticket-select.png" alt = "select ticket type" >
< / div >
< / div >
< div class = "col-md-18 col-sm-18" >
< div class = "detailedSteps" >
< div class = "stepText" >
< strong >
Use the form below to make an inqury with us
< / strong >
< / div >
< / div >
< / div >
< div class = "dotted" >
< / div >
< / div >
< div class = "workingSteps" >
< div class = "col-md-6 col-sm-6" >
< div class = "stepLogo" >
< img src = "https://data.asiahighlights.com/image/get-matched.png" alt = "select ticket type" >
< / div >
< / div >
< div class = "col-md-18 col-sm-18" >
< div class = "detailedSteps" >
< div class = "stepText" >
We get in touch with you within 24 hours with suggestions
< / div >
< / div >
< / div >
< div class = "dotted" >
< / div >
< / div >
< div class = "workingSteps" >
< div class = "col-md-6 col-sm-6" >
< div class = "stepLogo" >
< img src = "https://data.asiahighlights.com/image/craft-journey.png" alt = "select ticket type" >
< / div >
< / div >
< div class = "col-md-18 col-sm-18" >
< div class = "detailedSteps" >
< div class = "stepText" >
We then craft an intinerary proposal based on your interests
< / div >
< / div >
< / div >
< div class = "dotted" >
< / div >
< / div >
< div class = "workingSteps" >
< div class = "col-md-6 col-sm-6" >
< div class = "stepLogo" >
< img src = "https://data.asiahighlights.com/image/deal-journey.png" alt = "select ticket type" >
< / div >
< / div >
< div class = "col-md-18 col-sm-18" >
< div class = "detailedSteps" >
< div class = "stepText" >
We work with you to refine the itinerary until you are satisfied
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-14 col-sm-14" >
< form action = "/orders/tailormade_save/" method = "POST" >
< div id = "inquiryBox" >
< h1 >
Creat Your Trip with Us
< / h1 >
< div class = "preface" >
Tell us your interests and get replied within 24 hours...
< / div >
< div class = "selectionBlock" >
< h3 id = "destination_select" >
Choose your interested destination(s). * < span id = "destination_error_msg" style = "color:#a31022;font-size:18px;" class = "hidden" > (Please select an option.)< / span >
< / h3 >
< div class = "row" >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "thailand" id = "thai" name = "destination[]" >
< label for = "thai" >
Thailand
< / label >
< / div >
< / div >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "Vietnam" id = "vtn" name = "destination[]" >
< label for = "vtn" class = "updatedestination" >
Vietnam
< / label >
< / div >
< / div >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "india" id = "in" name = "destination[]" >
< label for = "in" class = "updatedestination" >
India
< / label >
< / div >
< / div >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "myanmar" id = "myan" name = "destination[]" >
< label for = "myan" class = "updatedestination" >
Myanmar
< / label >
< / div >
< / div >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "cambodia" id = "cam" name = "destination[]" >
< label for = "cam" class = "updatedestination" >
Cambodia
< / label >
< / div >
< / div >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "japan" id = "ja" name = "destination[]" >
< label for = "ja" class = "updatedestination" >
Japan
< / label >
< / div >
< / div >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "laos" id = "lao" name = "destination[]" >
< label for = "lao" class = "updatedestination" >
Laos
< / label >
< / div >
< / div >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "Nepal" id = "nep" name = "destination[]" >
< label for = "nep" class = "updatedestination" >
Nepal
< / label >
< / div >
< / div >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "Sri Lanka" id = "srilan" name = "destination[]" >
< label for = "srilan" class = "updatedestination" >
Sri Lanka
< / label >
< / div >
< / div >
< div class = "col-md-8 col-sm-8" >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "China" id = "china" name = "destination[]" >
< label for = "china" class = "updatedestination" >
China
< / label >
< / div >
< / div >
< / div >
< span class = "chooseothers" >
You are welcome to input other destinations below if it is not shown here.
< / span >
< / div >
< div class = "clear" >
< / div >
< div class = "selectionBlock" >
< h3 id = "hotelselect" >
Your hotel preference * < span id = "hotel_error_msg" style = "color:#a31022;font-size:18px;" class = "hidden" > ( Please select an option. )< / span >
< / h3 >
< span class = "formNote" >
Hotels prices in Japan are at least doubled based on the suggested rates
below.
< / span >
< div class = "selectHotl" >
< div class = "optionLable" >
< input type = "radio" value = "Luxury" id = "fiveStar" name = "hotel" >
< label for = "fiveStar" class = "hotelText" >
Luxury (5 stars & up)
< div class = "selectionMemo" >
USD 200+ / night
< / div >
< / label >
< / div >
< div class = "optionLable" >
< input type = "radio" value = "Handpicked Comfort 4-5star" id = "fourStar" name = "hotel" >
< label for = "fourStar" class = "hotelText" >
Handpicked Comfort (4-5 stars)
< div class = "selectionMemo" >
USD 100-200 / night
< / div >
< / label >
< / div >
< div class = "optionLable" >
< input type = "radio" value = "Standard 3 star" id = "threeStar" name = "hotel" >
< label for = "threeStar" class = "hotelText" >
Standard (3 stars)
< div class = "selectionMemo" >
USD 70-100 / night
< / div >
< / label >
< / div >
< / div >
< / div >
< div class = "selectionBlock" >
< h3 id = "numberselect" >
Number in your group * < span id = "number_error_msg" style = "color:#a31022;font-size:18px;" class = "hidden" > ( Please fill in this field. )< / span >
< / h3 >
< div class = "peopleSelect" >
< span class = "formMemo" >
Adults (≥12 years old)
< / span >
< div class = "numberBtn" >
< input class = "minaddBtn reduceadult" type = "button" value = "-" / >
< input class = "number" type = "text" value = "0" name = "adultnumber" / >
< input class = "minaddBtn addadult" type = "button" value = "+" / >
< / div >
< / div >
< div class = "peopleSelect" >
< span class = "formMemo" >
Kids (2-11 years old)
< / span >
< div class = "numberBtn" >
< input class = "minaddBtn reducechild" type = "button" value = "-" / >
< input class = "kidNum" type = "text" value = "0" name = "kidnumber" / >
< input class = "minaddBtn addchild" type = "button" value = "+" / >
< / div >
< / div >
< div class = "clear" >
< / div >
< / div >
< div class = "selectionBlock" >
< h3 >
Your date of arrival *
< / h3 >
< input type = "text" class = "arrivalDate datepicker hidden-xs" id = "Date_Start"
name="Date_Start" value="" placeholder="mm/dd/yyyy" autocomplete="off" required />
< div class = "checkYes" >
< input type = "checkbox" class = "checkBorder" name = "flexible" value = "No" >
< label for = "dateLimit" >
I'm flexible on the date
< / label >
< / div >
< / div >
< div class = "selectionBlock" >
< h3 >
Tell us more to help us put together your ideal journey.
< / h3 >
< div class = "travelStyle" >
< input type = "checkbox" value = "family" id = "familytrip" name = "grouptype" >
< label for = "familytrip" >
< div class = "smallTag" >
< div class = "styleText" >
Family
< / div >
< / div >
< / label >
< / div >
< div class = "travelStyle" >
< input type = "checkbox" value = "couple" id = "cp" name = "grouptype" >
< label for = "cp" >
< div class = "smallTag" >
< div class = "styleText" >
Couple
< / div >
< / div >
< / label >
< / div >
< div class = "travelStyle" >
< input type = "checkbox" value = "solo" id = "single" name = "grouptype" >
< label for = "single" >
< div class = "smallTag" >
< div class = "styleText" >
Solo
< / div >
< / div >
< / label >
< / div >
< div class = "travelStyle" >
< input type = "checkbox" value = "friends" id = "mate" name = "interests" >
< label for = "mate" >
< div class = "smallTag" >
< div class = "styleText" >
Friends
< / div >
< / div >
< / label >
< / div >
< div class = "travelStyle" >
< input type = "checkbox" value = "vacation" id = "holiday" name = "grouptype" >
< label for = "holiday" >
< div class = "smallTag" >
< div class = "styleText" >
Vacation
< / div >
< / div >
< / label >
< / div >
< div class = "travelStyle" >
< input type = "checkbox" value = "adventure" id = "risk" name = "interests" >
< label for = "risk" >
< div class = "smallTag" >
< div class = "styleText" >
Adventure
< / div >
< / div >
< / label >
< / div >
< div class = "travelStyle" >
< input type = "checkbox" value = "food" id = "gourmet" name = "interests" >
< label for = "gourmet" >
< div class = "smallTag" >
< div class = "styleText" >
Food
< / div >
< / div >
< / label >
< / div >
< div class = "travelStyle" >
< input type = "checkbox" value = "firstimetoasia" id = "firstasia" name = "interests" >
< label for = "firstasia" >
< div class = "smallTag" >
< div class = "styleText" >
First time to Asia
< / div >
< / div >
< / label >
< / div >
< div class = "travelStyle" >
< input type = "checkbox" value = "cultureHistory" id = "culture" name = "interests" >
< label for = "culture" >
< div class = "smallTag" >
< div class = "styleText" >
Culture& History
< / div >
< / div >
< / label >
< / div >
< div class = "travelStyle" >
< input type = "checkbox" value = "restRelaxation" id = "rest" name = "interests" >
< label for = "rest" >
< div class = "smallTag" >
< div class = "styleText" >
Rest& relaxation
< / div >
< / div >
< / label >
< / div >
< textarea id = "additionalrequirements" name = "additionalrequirements" style = "resize:none;"
placeholder="E.g. Age range, duration, group situation, your travel style, which cities you would like to go, special requests...">< / textarea >
< / div >
< hr >
< h2 >
Tell us about you...
< / h2 >
< div class = "genderSelection" >
< form action = "" method = "GET" >
< div class = "checkboxGender" >
< input type = "radio" value = "100001" id = "male" name = "gender" / >
< label for = "male" >
Mr.
< / label >
< / div >
< div class = "checkboxGender" >
< input type = "radio" value = "100003" id = "female" name = "gender" / >
< label for = "female" >
Ms.
< / label >
< / div >
< div class = "checkboxGender" >
< input type = "radio" value = "100004" id = "neutural" name = "gender" / >
< label for = "neutural" >
Mx.
< / label >
< / div >
< / form >
< / div >
< span id = "name_error_msg" style = "color:#a31022;font-size:18px;" class = "hidden" > ( Please fill out this field. )< / span >
< div class = "inputTerm" >
< input type = "text" name = "name" required / >
< label >
Full Name *
< / label >
< / div >
< span id = "email_error_msg" style = "color:#a31022;font-size:18px;" class = "hidden" > ( Please fill out this field. )< / span >
< div class = "inputTerm" >
< input type = "email" name = "email" required / >
< label >
Email Address *
< / label >
< / div >
< div class = "formMemo" >
All your ticket issues will be sent to your mailbox.
< / div >
< span id = "nation_error_msg" style = "color:#a31022;font-size:18px;" class = "hidden" > ( Please fill out this field. )< / span >
< div class = "inputTerm" >
< input type = "text" name = "Nationality" required / >
< label >
Nationality / Region *
< / label >
< / div >
< div class = "inputTerm" >
< input type = "text" name = "PhoneNo" / >
< label >
Phone number
< / label >
< / div >
< div class = "formMemo" >
Area code + number. Only call if you ask.
< / div >
< div class = "checkYes" >
< input type = "checkbox" value = "Available on WhatsApp" name = "whatsapp" id = "whatsapp"
class="checkBorder">
< label for = "whatsapp" >
This number is available on WhatsApp
< / label >
< / div >
< div class = "clear" >
< / div >
< div class = "inquiryBtn" >
< button id = "tmsubmit" href = "javascript:;" > Start My Journey< / button >
< input type = "hidden" name = "url" value = " <?php echo $orderfrom ; ?> " />
< / div >
< / div >
< / form >
< / div >
< div class = "clear" >
< / div >
< / div >
< script >
$(function(){
var adultnums = $('input[name="adultnumber"]').val();
var kidnums = $('input[name="kidnumber"]').val();
//成人人数加减
$('.addadult').click(function(){
adultnums++;
$('input[name="adultnumber"]').val(adultnums);
});
$('.reduceadult').click(function(){
if(adultnums > 0){
adultnums--;
$('input[name="adultnumber"]').val(adultnums);
}
});
//加减儿童人数
$('.addchild').click(function(){
kidnums++;
$('input[name="kidnumber"]').val(kidnums);
});
$('.reducechild').click(function(){
if(kidnums > 0){
kidnums--;
$('input[name="kidnumber"]').val(kidnums);
}
});
//表单验证
$('#tmsubmit').click(function(){
var adultnumber = $('input[name="adultnumber"]').val();
var hotel = $('input[name="hotel"]:checked').val();
var destinations = $('input[name="destination[]"]').is(":checked");
var name = $('input[name="name"]').val();
var email = $('input[name="email"]').val();
var Nationality = $('input[name="Nationality"]').val();
//目的地选择
if(destinations === false){
$("body,html").animate({
scrollTop: $('#destination_select').offset().top - 70
});
$('#destination_error_msg').removeClass('hidden');
setTimeout(function(){
$('#destination_error_msg').addClass('hidden');
},5000);
return false;
}
//酒店选择
if(hotel === undefined){
$("body,html").animate({
scrollTop: $('#hotelselect').offset().top - 70
});
$('#hotel_error_msg').removeClass('hidden');
setTimeout(function(){
$('#hotel_error_msg').addClass('hidden');
},5000);
return false;
}
//人数选择
if(adultnumber < 1 ) {
console.log('123');
$("body,html").animate({
scrollTop: $('#numberselect').offset().top - 70
});
$('#number_error_msg').removeClass('hidden');
setTimeout(function(){
$('#number_error_msg').addClass('hidden');
},5000);
return false;
}
//姓名验证
if(name == ''){
console.log('123');
$('input[name="name"]').focus();
$('#name_error_msg').removeClass('hidden');
setTimeout(function(){
$('#name_error_msg').addClass('hidden');
},5000);
return false;
}
//邮箱验证
if(email == ''){
console.log('123');
$('input[name="email"]').focus();
$('#email_error_msg').removeClass('hidden');
setTimeout(function(){
$('#email_error_msg').addClass('hidden');
},5000);
return false;
}
//国籍验证
if(Nationality == ''){
console.log('123');
$('input[name="Nationality"]').focus();
$('#nation_error_msg').removeClass('hidden');
setTimeout(function(){
$('#nation_error_msg').addClass('hidden');
},5000);
return false;
}
});
});
< / script >
