@ -596,6 +596,8 @@
< span id = "departure_date_errmsg" style = "display: none;" >
< span class = "requiredArea" > Please select your departure date.< / span >
< / span >
< p style = "font-weight: 400 ;
font-size: 20px;
text-align: left;
@ -886,6 +888,7 @@
< div id = "reason_box" style = "display: none; padding: 0 20px; text-align: left; font-size: 19px; font-weight: 400;" >
< p > Reason you don't qualify:< / p >
< ul class = "infolist" >
< li id = "error_transit" style = "display: none" > You must be in transit to a third country or region.< / li >
< li id = "error_72hours" style = "display: none" > You must leave the city area (prefecture or municipality) after the 72/144 hours (the 72/144-hour limit is calculated starting from 00:00 on the day after arrival, i.e. 24:00 on the arrival date).< / li >
<!-- <li id="error_3months" style="display: none">Your passport must be valid for more than 3 months at the time of entry into China.</li> -->
@ -896,6 +899,7 @@
< / div >
< p id = "tip_box" style = "display: none; padding:0 20px; text-align: left; font-weight: 400; font-size: 19px;" >
< strong > Important notes:< / strong > < br >
You are only allowed to remain within and depart China from < span id = "allowed_area" > Beijing< / span > .< br >
Your passport must be valid for more than 3 months at the time of entry into China. < br >
You dont't have Chinese visa refusal stamps in your passport.< br >
Please bring your China hotel reservation in case it is needed at the time of entry into China.
@ -973,6 +977,10 @@ ready(el => {
const qualify_144hours = el('qualify_144hours');
const qualify_no = el('qualify_no');
const arriveAtCitySelect = el('arrive_at_city');
const allowedAreaSpan = el('allowed_area');
let selectedCity = arriveAtCitySelect.options[arriveAtCitySelect.selectedIndex].value;
const departure_date_errmsg = el('departure_date_errmsg');
const arrival_date_errmsg = el('arrival_date_errmsg');
@ -1085,11 +1093,37 @@ ready(el => {
]
],
]);
// Chengdu: Chengdu 72小时
// Chengdu: Sichuan Province 144小时
const cityProvinceMap = new Map([
['Beijing', 'Beijing, Tianjin, Hebei Province'],
['Shanghai', 'Shanghai, Jiangsu Province, Zhejiang Province'],
['Hangzhou', 'Shanghai, Jiangsu Province, Zhejiang Province'],
['Shenyang', 'Liaoning Province'],
['Dalian', 'Liaoning Province'],
['Ningbo', 'Shanghai, Jiangsu Province, Zhejiang Province'],
['Nanjing', 'Shanghai, Jiangsu Province, Zhejiang Province'],
['Qinhuangdao', 'Beijing, Tianjin, Hebei Province'],
['Shijiazhuang', 'Beijing, Tianjin, Hebei Province'],
['Tianjin', 'Beijing, Tianjin, Hebei Province'],
['Changsha', 'Hunan Province'],
['Harbin', 'Harbin'],
['Wuhan', 'Wuhan'],
['Xiamen', 'Xiamen'],
['Qingdao', 'Shandong Province'],
['Kunming', 'Kunming'],
["Xi'an", "Xi'an, Xianyang"],
['Guilin', 'Guilin'],
['Chongqing', 'Chongqing'],
['Jieyang', 'Guangdong province'],
['Shenzhen', 'Guangdong province'],
['Guangzhou', 'Guangdong province'],
]);
const arriveAtCitySelect = el('arrive_at_city');
const airportSelect = el('airport_or_railway_station');
arriveAtCitySelect.on('change', () => {
const selectedCity = arriveAtCitySelect.options[arriveAtCitySelect.selectedIndex].value;
selectedCity = arriveAtCitySelect.options[arriveAtCitySelect.selectedIndex].value;
const airportList = cityAirportMap.get(selectedCity)
airportSelect.options.length = 0;
airportList.forEach(element => {
@ -1097,7 +1131,6 @@ ready(el => {
opt.setAttribute('data-hour', element.hour);
airportSelect.options.add(opt);
});
});
takeATestButton.on('click', () => {
@ -1169,13 +1202,26 @@ ready(el => {
if (validateSuccess) {
tip_box.show();
reason_box.hide();
const allowedArea = cityProvinceMap.get(selectedCity);
if (allowedArea != null & & allowedArea != 'Chengdu') {
allowedAreaSpan.innerText = allowedArea;
}
if (visa72hours) {
qualify_72hours.show();
if (selectedCity == 'Chengdu') {
allowedAreaSpan.innerText = 'Chengdu';
}
}
if (visa144hours) {
qualify_144hours.show();
if (selectedCity == 'Chengdu') {
allowedAreaSpan.innerText = 'Sichuan Province';
}
}
} else {
tip_box.hide();
@ -1194,4 +1240,4 @@ ready(el => {
@media (max-width: 750px) {
.date_pick {width: 100% !important;}
}
< / style >
< / style >