|
|
|
|
@ -379,120 +379,120 @@
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
((doc) => {
|
|
|
|
|
function _ready(fn) {
|
|
|
|
|
const el = (elementId) => {
|
|
|
|
|
const element = document.getElementById(elementId);
|
|
|
|
|
element.on = (event, fn) => {
|
|
|
|
|
element.addEventListener(event, fn);
|
|
|
|
|
}
|
|
|
|
|
element.addClass = (className) => {
|
|
|
|
|
element.classList.add(className);
|
|
|
|
|
}
|
|
|
|
|
element.removeClass = (className) => {
|
|
|
|
|
element.classList.remove(className);
|
|
|
|
|
}
|
|
|
|
|
element.show = () => {
|
|
|
|
|
element.style.display = '';
|
|
|
|
|
}
|
|
|
|
|
element.hide = () => {
|
|
|
|
|
element.style.display = 'none';
|
|
|
|
|
}
|
|
|
|
|
return element;
|
|
|
|
|
}
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
|
fn(el);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
_ready(el => {
|
|
|
|
|
var adultNumberValue = el('adultNumber').value;
|
|
|
|
|
var kidNumberValue = el('kidNumber').value;
|
|
|
|
|
const plusAdultBtn = el('plusAdult');
|
|
|
|
|
const minusAdultBtn = el('minusAdult');
|
|
|
|
|
const plusKidBtn = el('plusKid');
|
|
|
|
|
const minusKidBtn = el('minusKid');
|
|
|
|
|
|
|
|
|
|
plusAdultBtn.on('click', () => {
|
|
|
|
|
adultNumberValue++;
|
|
|
|
|
el('adultNumber').value = adultNumberValue;
|
|
|
|
|
});
|
|
|
|
|
minusAdultBtn.on('click', () => {
|
|
|
|
|
if (adultNumberValue > 1) {
|
|
|
|
|
adultNumberValue--;
|
|
|
|
|
el('adultNumber').value = adultNumberValue;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
plusKidBtn.on('click', () => {
|
|
|
|
|
kidNumberValue++;
|
|
|
|
|
el('kidNumber').value = kidNumberValue;
|
|
|
|
|
});
|
|
|
|
|
minusKidBtn.on('click', () => {
|
|
|
|
|
if (kidNumberValue > 0) {
|
|
|
|
|
kidNumberValue--;
|
|
|
|
|
el('kidNumber').value = kidNumberValue;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function validateGPForm() {
|
|
|
|
|
var result = true;
|
|
|
|
|
var realnameVal = el("realname").value;
|
|
|
|
|
var emailVal = el("email").value;
|
|
|
|
|
var contactVal = el("PhoneNo").value;
|
|
|
|
|
|
|
|
|
|
var realnameErrEl = el("realname_errmsg");
|
|
|
|
|
var emailErrEl = el("email_errmsg");
|
|
|
|
|
var emailVerifyErrEl = el("email_verify_errmsg");
|
|
|
|
|
var contactErrEl = el("contact_errmsg");
|
|
|
|
|
|
|
|
|
|
realnameErrEl.hide();
|
|
|
|
|
emailErrEl.hide();
|
|
|
|
|
emailVerifyErrEl.hide();
|
|
|
|
|
contactErrEl.hide();
|
|
|
|
|
|
|
|
|
|
if (realnameVal === '') {
|
|
|
|
|
realnameErrEl.show();
|
|
|
|
|
result = false;
|
|
|
|
|
}
|
|
|
|
|
if (emailVal === '') {
|
|
|
|
|
emailErrEl.show();
|
|
|
|
|
result = false;
|
|
|
|
|
} else {
|
|
|
|
|
var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
|
|
|
|
|
if (!emailPattern.test(emailVal)) {
|
|
|
|
|
emailVerifyErrEl.show();
|
|
|
|
|
result = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (contactVal === '') {
|
|
|
|
|
contactErrEl.show();
|
|
|
|
|
result = false;
|
|
|
|
|
}
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const submitFormBtn = el('submit_gp_form');
|
|
|
|
|
const gp_form = el('gp_form');
|
|
|
|
|
submitFormBtn.on('click', () => {
|
|
|
|
|
if (validateGPForm()) {
|
|
|
|
|
|
|
|
|
|
if (typeof(grecaptcha) === "undefined") {
|
|
|
|
|
console.warn('grecaptcha is disabled.');
|
|
|
|
|
gp_form.submit();
|
|
|
|
|
((doc) => {
|
|
|
|
|
function _ready(fn) {
|
|
|
|
|
const el = (elementId) => {
|
|
|
|
|
const element = document.getElementById(elementId);
|
|
|
|
|
element.on = (event, fn) => {
|
|
|
|
|
element.addEventListener(event, fn);
|
|
|
|
|
}
|
|
|
|
|
element.addClass = (className) => {
|
|
|
|
|
element.classList.add(className);
|
|
|
|
|
}
|
|
|
|
|
element.removeClass = (className) => {
|
|
|
|
|
element.classList.remove(className);
|
|
|
|
|
}
|
|
|
|
|
element.show = () => {
|
|
|
|
|
element.style.display = '';
|
|
|
|
|
}
|
|
|
|
|
element.hide = () => {
|
|
|
|
|
element.style.display = 'none';
|
|
|
|
|
}
|
|
|
|
|
return element;
|
|
|
|
|
}
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
|
fn(el);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
_ready(el => {
|
|
|
|
|
var adultNumberValue = el('adultNumber').value;
|
|
|
|
|
var kidNumberValue = el('kidNumber').value;
|
|
|
|
|
const plusAdultBtn = el('plusAdult');
|
|
|
|
|
const minusAdultBtn = el('minusAdult');
|
|
|
|
|
const plusKidBtn = el('plusKid');
|
|
|
|
|
const minusKidBtn = el('minusKid');
|
|
|
|
|
|
|
|
|
|
plusAdultBtn.on('click', () => {
|
|
|
|
|
adultNumberValue++;
|
|
|
|
|
el('adultNumber').value = adultNumberValue;
|
|
|
|
|
});
|
|
|
|
|
minusAdultBtn.on('click', () => {
|
|
|
|
|
if (adultNumberValue > 1) {
|
|
|
|
|
adultNumberValue--;
|
|
|
|
|
el('adultNumber').value = adultNumberValue;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
plusKidBtn.on('click', () => {
|
|
|
|
|
kidNumberValue++;
|
|
|
|
|
el('kidNumber').value = kidNumberValue;
|
|
|
|
|
});
|
|
|
|
|
minusKidBtn.on('click', () => {
|
|
|
|
|
if (kidNumberValue > 0) {
|
|
|
|
|
kidNumberValue--;
|
|
|
|
|
el('kidNumber').value = kidNumberValue;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function validateGPForm() {
|
|
|
|
|
var result = true;
|
|
|
|
|
var realnameVal = el("realname").value;
|
|
|
|
|
var emailVal = el("email").value;
|
|
|
|
|
var contactVal = el("PhoneNo").value;
|
|
|
|
|
|
|
|
|
|
var realnameErrEl = el("realname_errmsg");
|
|
|
|
|
var emailErrEl = el("email_errmsg");
|
|
|
|
|
var emailVerifyErrEl = el("email_verify_errmsg");
|
|
|
|
|
var contactErrEl = el("contact_errmsg");
|
|
|
|
|
|
|
|
|
|
realnameErrEl.hide();
|
|
|
|
|
emailErrEl.hide();
|
|
|
|
|
emailVerifyErrEl.hide();
|
|
|
|
|
contactErrEl.hide();
|
|
|
|
|
|
|
|
|
|
if (realnameVal === '') {
|
|
|
|
|
realnameErrEl.show();
|
|
|
|
|
result = false;
|
|
|
|
|
}
|
|
|
|
|
if (emailVal === '') {
|
|
|
|
|
emailErrEl.show();
|
|
|
|
|
result = false;
|
|
|
|
|
} 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;
|
|
|
|
|
gp_form.appendChild(el);
|
|
|
|
|
gp_form.submit();
|
|
|
|
|
});
|
|
|
|
|
var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
|
|
|
|
|
if (!emailPattern.test(emailVal)) {
|
|
|
|
|
emailVerifyErrEl.show();
|
|
|
|
|
result = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (contactVal === '') {
|
|
|
|
|
contactErrEl.show();
|
|
|
|
|
result = false;
|
|
|
|
|
}
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const submitFormBtn = el('submit_gp_form');
|
|
|
|
|
const gp_form = el('gp_form');
|
|
|
|
|
submitFormBtn.on('click', () => {
|
|
|
|
|
if (validateGPForm()) {
|
|
|
|
|
|
|
|
|
|
if (typeof(grecaptcha) === "undefined") {
|
|
|
|
|
console.warn('grecaptcha is disabled.');
|
|
|
|
|
gp_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;
|
|
|
|
|
gp_form.appendChild(el);
|
|
|
|
|
gp_form.submit();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
})(document);
|
|
|
|
|
</script>
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
})(document);
|
|
|
|
|
</script>
|
candice
3 years ago