console.log('running Kellogg custom script!');
var handleEmailSignupSubmission = function(event) {
event.preventDefault();
// check validation
var reg = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i;
var email = document.getElementById('email').value;
if(reg.test(email) == false) {
document.querySelector('#error').innerHTML = "This is a invalid Email Address.";
document.getElementById('email').focus();
return false;
} else {
var lists = [];
console.log('This is a valid Email Address.');
document.querySelector('#error').innerHTML = "";
var checkedListInputs = document.querySelectorAll("[type=checkbox][name=listchoice]:checked");
Array.prototype.forEach.call(checkedListInputs, function(input){
lists.push(input.value);
});
var API_URL = '//api-esp.piano.io';
var SITE_ID = 133;
console.log(lists, SITE_ID, API_URL + '/tracker/lucid/sub/' + SITE_ID);
var body = {email: email, sqids: lists};
var xhr = new XMLHttpRequest();
xhr.open('POST', API_URL + '/tracker/lucid/sub/' + SITE_ID, true);
xhr.setRequestHeader('Content-type', 'application/json');
xhr.send(JSON.stringify(body));
document.querySelector('#header').innerHTML = "You’re in!";
document.querySelector('#form').innerHTML = "Thanks for signing up.";
return false;
}
};
document.querySelector('#emailSubmitButton').addEventListener('click', handleEmailSignupSubmission);
document.querySelector('#email').addEventListener('keypress', function(event) {
if(event.keyCode === 13) {
// enter key pressed
handleEmailSignupSubmission(event);
return false;
}
});