Trashie in the press
Coverage, features, and mentions from around the internet.
X
Enjoy $15 off!
Join the list & get $15 off your first Take Back Bag Rainbow 3-pack! Plus, get the scoop on new rewards and more.
const formTitle = document.getElementById('form_title');
const formDescription = document.getElementById('form_description');
const formDisclaimer = document.getElementById('form_disclaimer');
const emailInput = document.getElementById('email_input');
const phoneNumberInput = document.getElementById('phone_number_input');
const submitButton = document.getElementById('submit_button');
const closeButton = document.getElementById('close_form_button');
const popupWrapper = document.getElementById('popup_wrapper');
phoneNumberInput.style.display = 'none';
formDisclaimer.style.display = 'none';
closeButton.style.display = 'block';
// Function to validate the email using a regular expression
function isValidEmail(email) {
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return emailPattern.test(email);
}
function isValidUSPhoneNumber(phoneNumber) {
const phonePattern = /^(?:\+1[-.\s]?|1[-.\s]?)?\(?(\d{3})\)?[-.\s]?(\d{3})[-.\s]?(\d{4})$/;
return phonePattern.test(phoneNumber);
}
function closeForm() {
popupWrapper.classList.remove("show");
}
function submitForm() {
const emailError = document.getElementById('email_error');
const phoneNumberError = document.getElementById('phone_number_error');
const formError = document.getElementById('form_error');
// Clear previous errors
emailError.style.display = 'none';
phoneNumberError.style.display = 'none';
formError.style.display = 'none';
// Validate inputs
let isValid = true;
if (emailInput.style.display !== 'none') {
if (!isValidEmail(emailInput.value)) {
emailError.style.display = 'block';
isValid = false;
console.log('email not valid');
}
if (!isValid) {
return;
}
const data = {
"email": emailInput.value.trim(),
"listId": 5122015
}
fetch('https://us-central1-fd-swap-app-prod-1.cloudfunctions.net/api_v2/v1/marketing/conferenceSubscribe', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
})
.then(response => {
if (response.ok) {
// Hide the email
emailInput.style.display = 'none';
phoneNumberInput.style.display = 'block';
formTitle.textContent = 'Complete your signup';
//formDescription.textContent = '';
formDisclaimer.style.display = 'block';
phoneNumberInput.focus();
submitButton.textContent = 'Join the list';
posthog.capture(
'$set',
{
$set: { closed_email_popup: 'true' }
}
);
} else {
// Highlight the input fields in red and show error text
formError.textContent = 'There was an error submitting the email 1';
formError.style.display = 'block';
}
})
.catch((error) => {
// Highlight the input fields in red and show error text
formError.textContent = error;
formError.style.display = 'block';
});
} else {
if (!isValidUSPhoneNumber(phoneNumberInput.value)) {
phoneNumberError.style.display = 'block';
isValid = false;
console.log("Phone number not valid");
}
if (!isValid) {
return;
}
const data = {
"email": emailInput.value.trim(),
"phoneNumber": phoneNumberInput.value.trim(),
"listId": 5122015
}
fetch('https://us-central1-fd-swap-app-prod-1.cloudfunctions.net/api_v2/v1/marketing/conferenceSubscribe', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
})
.then(response => {
if (response.ok) {
// Hide the email
emailInput.style.display = 'none';
phoneNumberInput.style.display = 'none';
submitButton.style.display = 'none';
closeButton.style.display = 'block';
formDisclaimer.style.display = 'none';
formTitle.textContent = 'Signup successful!';
formDescription.textContent = 'You will get exclusive notice on new rewards, Take Back deals, and more!';
} else {
// Highlight the input fields in red and show error text
formError.textContent = 'There was an error submitting the phone number';
formError.style.display = 'block';
}
})
.catch((error) => {
// Highlight the input fields in red and show error text
formError.textContent = 'There was an error submitting the phone number';
formError.style.display = 'block';
});
}
}
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Preferences