var emailInput = document.getElementById('emailwall-input');
var initial = true;
window.addEventListener("message", function (e) {
// We verify that the error message is coming from Piano, so it must be what we're looking for.
if (typeof e.data.piano !== 'undefined') {
// Get the object with the result.
var result = e.data.piano;
// We know how this object should be structured, so we're checking for the "success" field.
// We're expecting it to be false, so we can show an error message.
// Check to see that it is an error for the email wall
if (result.object.type === 'emailwall') {
var errorMessage = document.getElementById('emailwall-label');
// Show error message
if (!result.object.email) {
errorMessage.textContent = result.message;
errorMessage.setAttribute('class', 'intercept-blocker__form-label');
initial = false;
}
}
}
return;
}, false);
if (emailInput) {
emailInput.addEventListener('input', function(e) {
var errorMessage = document.getElementById('emailwall-label');
if (!initial) {
var regex = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;
if (e.target.value && e.target.value.match(regex) ) {
errorMessage.setAttribute('class', 'intercept-blocker__form-label intercept-blocker__form-label--hidden');
} else {
errorMessage.setAttribute('class', 'intercept-blocker__form-label');
}
}
}, false);
}