Get the most important stories and hidden secrets of Belgium straight to your inbox
Thank you!
Thank you for signing up!
An error has occurred
{{terminalError}}
const emailForm = document.querySelector('.pn-newsletter__email-wrapper');
const userEmailInput = document.querySelector('.pn-newsletter__email');
const emailLabel = document.querySelector('.pn-newsletter__label');
const userSubmit = document.querySelector('#submit-button');
const userFakeSubmit = document.querySelector('#fake-button');
const errorIcon = document.querySelector('#error-icon');
const checkEmail = function (inputData) {
const regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return regex.test(inputData);
};
const showError = function () {
emailForm.classList.add('pn-newsletter__email-wrapper--bad');
errorIcon.style.display = 'block';
userEmailInput.focus();
emailLabel.innerText = 'Please enter a valid email address';
};
const hideError = function () {
emailForm.classList.remove('pn-newsletter__email-wrapper--bad');
errorIcon.style.display = 'none';
emailLabel.innerText = '';
};
userEmailInput.addEventListener('input', function () {
hideError();
if (checkEmail(userEmailInput.value)) {
userFakeSubmit.hidden = true;
userSubmit.hidden = false;
} else {
userSubmit.hidden = true;
userFakeSubmit.hidden = false;
}
});
userFakeSubmit.addEventListener('click', function () {
if (!checkEmail(userEmailInput.value)) {
showError();
return;
}
hideError();
userSubmit.click();
});
userEmailInput.addEventListener('keyup', function(event) {
if (event.key !== "Enter") {
return;
}
if (!checkEmail(userEmailInput.value)) {
showError();
return;
}
hideError();
userSubmit.click();
});
userSubmit.addEventListener('click', function () {
if (!checkEmail(userEmailInput.value)) {
showError();
return false;
}
hideError();
fetch('https://api.brusselstimes.com/wp-json/mailchimp/v1/subscribe/', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
email: userEmailInput.value,
}),
});
return true;
});