Sign up for our daily A.M. ATL newsletter
Congratulations! You're all set!
var emailForm = document.querySelector('#newsletter-form');
var userEmailInput = document.querySelector('.pn-inline__email');
var emailLabel = document.querySelector('.pn-inline__label');
var userSubmit = document.querySelector('#submit-button');
var userFakeSubmit = document.querySelector('#fake-button');
var checkEmail = function (inputData) {
var 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);
};
userEmailInput.addEventListener('input', function () {
emailForm.classList.remove('pn-inline__input-wrapper--bad');
emailLabel.innerText = '';
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)) {
emailForm.classList.add('pn-inline__input-wrapper--bad');
userEmailInput.focus();
if (userEmailInput.value === '') {
emailLabel.innerText = 'Please enter a valid email address';
} else {
emailLabel.innerText = 'Please enter a valid email address';
}
} else {
emailForm.classList.remove('pn-inline__input-wrapper--bad');
emailLabel.innerText = '';
}
});