Get Every Recipe
Cook anything better with the most reliable recipes, guaranteed. Get instant access to everything across our sites free for 2 weeks.
const userFakeSubmit = document.getElementById('fake-button');
const submitButton = document.getElementById('submitButton');
const emailInput = document.getElementById('emailInput');
const validationMessage = document.querySelector('.pn-widget__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();
if (emailInput.value === '') {
validationMessage.innerText = 'Email is required';
} else {
validationMessage.innerText = 'This is an invalid email';
}
} else {
emailInput.classList.remove('pn-widget__input--error');
validationMessage.innerText = '';
}
});
window.parent.postMessage('Presented|MARHDFT1A', '*');