< link href = "/min/?f=/css/inquiry-form-mobile.css" rel = "stylesheet" >
< div id = "formBanner" >
< img src = "https://data.asiahighlights.com/image/tm-banner-mobile.jpg"
alt="india kids" width="100%">
< h1 >
Start Creating Your Trip
< / h1 >
< div class = "howWeWork" >
Tell us your interests and get replied within 24 hours...
< / div >
< / div >
< div class = "container" >
< div id = "inquiryBox" >
< h2 >
Your Travel Ideas
< / h2 >
< h3 id = "destination_select" >
Choose your interested destinations *
< / h3 >
< form action = "/orders/tailormade_save/" method = "POST" class = "travelTag" >
< div class = "selectionBlock" >
< span id = "destination_error_msg" style = "color:#a31022;font-size:18px;" class = "hidden" > (Please select an option.)< / span >
<?php foreach ( $countrylist as $moreCity ){
echo '< div class = "checkboxLabel" > ';
echo '< input type = "checkbox" value = "'.$moreCity.'" id = "'.$moreCity.'" name = "destination[]" / > ';
echo '< label for = "'.$moreCity.'" class = "updatedestination" > '.$moreCity.'< / label > < / div > ';
}?>
< span class = "formNote" >
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 = "optionLable" >
< input type = "radio" value = "Standard" id = "threeStar" name = "hotel" >
< label for = "threeStar" >
< div class = "selectionText" >
Luxury (5 stars & up)
< div class = "selectionMemo" >
USD 200+ / room / night
< / div >
< / div >
< / label >
< / div >
< div class = "optionLable" >
< input type = "radio" value = "Handpicked Comfort 4-5star" id = "fourStar" name = "hotel" >
< label for = "fourStar" >
< div class = "selectionText" >
Handpicked Comfort (4-5 stars)
< div class = "selectionMemo" >
USD 100-200 / night
< / div >
< / div >
< / label >
< / div >
< div class = "optionLable" >
< input type = "radio" value = "Handpiched Comfort" id = "fourStar" name = "hotel" >
< label for = "fourStar" >
< div class = "selectionText" >
Standard (3 stars)
< div class = "selectionMemo" >
USD 70-100 / room / night
< / div >
< / div >
< / label >
< / div >
< / div >
< div class = "selectionBlock" >
< h3 id = "numberselect" >
Number in your group *
< / h3 >
< span id = "number_error_msg" style = "color:#a31022;font-size:18px;" class = "hidden" > (Please fill in this field.)< / span >
< div class = "peopleSelect" >
< span class = "formMemo" >
Adults (≥12 years old)
< / span >
< input class = "number" type = "text" value = "0" ο nblur = "checkNumber(this)"
name="adultnumber" />
< div class = "numberBtn" >
< input class = "minaddBtn reduceadult" type = "button" value = "-" / >
< input class = "minaddBtn addadult" type = "button" value = "+" / >
< / div >
< / div >
< div class = "peopleSelect" >
< span class = "formMemo" >
Kids (2-11 years old)
< / span >
< input class = "number" type = "text" value = "0" name = "kidnumber" / >
< div class = "numberBtn" >
< input class = "minaddBtn reducechild" type = "button" value = "-" / >
< input class = "minaddBtn addchild" type = "button" value = "+" / >
< / div >
< / div >
< / div >
< div class = "selectionBlock" >
< h3 >
Your date of arrival *
< / h3 >
< input type = "date" class = "arrivalDate visible-xs" id = "Date_Start" name = "Date_Start_Mobile"
value="<?php echo date ( 'Y-m-d' , time () + 24 * 3600 * 7 ) ?> " min="<?php echo date ( 'Y-m-d' , time () + 24 * 3600 * 7 ) ?> " placeholder="mm/dd/yyyy" autocomplete="off" />
< div class = "checkYes" >
< input type = "checkbox" class = "checkBorder" id = "dateLimit" name = "time" >
< label for = "dateLimit" class = "checkBlock" >
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 = "asiabeginner" 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 = "localculture" 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 = "relax" 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, special requests..." > < / textarea >
< / div >
< hr / >
< h2 >
Tell us about you...
< / h2 >
< div class = "genderSelection" >
< 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 >
< / 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 >
< span class = "formMemo" >
Your trip advisor will talk with you via email first.
< / span >
< 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 *
< / label >
< / div >
< div class = "inputTerm" >
< input type = "text" name = "PhoneNo" >
< label >
Phone number
< / label >
< / div >
< span class = "formMemo" >
Area code + number. Only call if you ask.
< / span >
< 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 = "inquiryBtn" >
< button id = "tmsubmit" href = "javascript:;" > Start My Journey< / button >
< input type = "hidden" name = "url" value = " <?php echo $orderfrom ; ?> " />
< / div >
< / form >
< div class = "contactUs" >
< p >
Can't decide? Why not
< a href = "https://www.asiahighlights.com/contact-us.htm" >
contact us
< / a >
for help!
< / p >
< / div >
< / 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);
}
});
//更新目的地
$('.updatedestination').click(function(){
var destinantionstr = '';
var selectdes = $(this).prev().val();
for(var i=0;i< $('input[name="destination[]"]').length-1;i++){
if(selectdes != $($('input[name="destination[]"]')[i]).val()){
if($($('input[name="destination[]"]')[i]).is(':checked')){
destinantionstr += $($('input[name="destination[]"]')[i]).val() + ',';
}
}
}
if($(this).prev().is(':checked')){
destinantionstr = destinantionstr.substr(0,destinantionstr.length-1);
}else{
destinantionstr += selectdes;
}
$('.destination').html(destinantionstr);
});
//表单验证
$('#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 ) {
$("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 == ''){
$('input[name="name"]').focus();
$('#name_error_msg').removeClass('hidden');
setTimeout(function(){
$('#name_error_msg').addClass('hidden');
},5000);
return false;
}
//邮箱验证
if(email == ''){
$('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 >
