Surveyjunkie.com Forgot Password | 2026 Edition |

.message-box.error background-color: #fff5f5; border-left-color: #e53e3e; color: #c53030;

/* main content area */ .form-container padding: 2rem 2rem 2rem 2rem;

/* buttons */ .reset-btn width: 100%; background: #FFB800; border: none; padding: 0.9rem; font-weight: 700; font-size: 1rem; font-family: 'Inter', sans-serif; border-radius: 2rem; color: #1f2a3e; cursor: pointer; transition: 0.2s; margin-top: 0.5rem; margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); surveyjunkie.com forgot password

// Optional: placeholder animation / focus effect // add small extra polishing: if user clicks on card or something? fine

// Simulate API call to SurveyJunkie password reset endpoint // Because this is a frontend demo, we mimic success/error based on realistic validations. async function requestPasswordReset(email) // Mimic network delay (like real AJAX) return new Promise((resolve) => setTimeout(() => // For demo: we simulate that any well-formed email gets a "reset link sent" response. // But if the email looks suspiciously like "fail@example.com" we can simulate a "not registered" error. // to showcase both flows, but respecting SurveyJunkie style: they usually say "if account exists, we send email" // However typical recovery flow: "If there's an account associated with this email, you'll receive a reset link." // We'll follow that pattern: always show success message for valid emails, but also special case for error simulation // But we can also provide realistic edge: if email is 'error@test.com' -> show generic "something went wrong" // But better to behave like SurveyJunkie's user-friendly approach: they never reveal if email exists or not to avoid enumeration. // But to be safe, we return a success message for any valid email format, but we also show an informative message. if (email.toLowerCase() === 'noaccount@example.com') // Just to illustrate different scenario: still "If account exists" approach, but we will respect standard. resolve( success: true, message: `If an account exists for $email, you’ll receive password reset instructions shortly.` ); else if (email.toLowerCase() === 'faildemo@surveyjunkie.com') // simulate server error (rare case) resolve( success: false, message: 'Unable to process your request. Please try again later or contact support.' ); else // Standard recovery flow (SurveyJunkie style) resolve( success: true, message: `Great! We've sent a password reset link to $email. Check your inbox (and spam folder) – the link expires in 1 hour.` ); , 850); ); // But if the email looks suspiciously like "fail@example

.back-link a color: #2c3e66; text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-flex; align-items: center; gap: 6px; transition: 0.2s;

<div id="messageContainer"></div> </div> if (email

// main submit handler async function handleResetPassword() clearMessages(); const emailValue = emailInput.value.trim();