const userFakeSubmit = document.getElementById('fake-button');
const submitButton = document.getElementById('submitButton');
const emailInput = document.getElementById('emailInput');
const validationMessage = document.querySelector('.error-message');
const emailRegExp = /^(([^<>()\[\]\\.,;:\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,}))$/;
emailInput.addEventListener('input', () => {
emailInput.classList.remove('pn-widget__input--error');
validationMessage.innerText = '';
if (emailRegExp.test(emailInput.value)) {
userFakeSubmit.hidden = true;
submitButton.hidden = false;
} else {
submitButton.hidden = true;
userFakeSubmit.hidden = false;
}
})
userFakeSubmit.addEventListener('click', () => {
if (!emailRegExp.test(emailInput.value)) {
emailInput.classList.add('pn-widget__input--error');
emailInput.focus();
validationMessage.innerText = 'Invalid Email';
} else {
emailInput.classList.remove('pn-widget__input--error');
validationMessage.innerText = '';
}
});
const firstFocus = document.getElementsByClassName('pn-widget__close')[0];
const lastFocus = document.getElementsByClassName('pn-last-focusable')[0];
firstFocus.addEventListener('keydown', (evt) => {
if(evt.shiftKey && evt.keyCode === 9) {
lastFocus.focus();
evt.preventDefault();
}
});
lastFocus.addEventListener('keydown', (evt) => {
if ((evt.key === 'Tab' || evt.keyCode === 9) && !evt.shiftKey) {
firstFocus.focus();
evt.preventDefault();
}
});
window.parent.postMessage('FavFormPresented|MAHSZFT1A', '*');