.title-section p color: #5b6e8c; font-size: 0.95rem; line-height: 1.4; margin-bottom: 1.8rem;
// 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); ); surveyjunkie.com forgot password
/* secondary links */ .back-link text-align: center; margin-top: 0.5rem; // to showcase both flows, but respecting SurveyJunkie
/* input group style — modern, clean */ .input-group margin-bottom: 1.5rem; resolve( success: true, message: `If an account exists
// Allow "Enter" key inside email input to trigger reset emailInput.addEventListener('keypress', (e) => if (e.key === 'Enter') e.preventDefault(); handleResetPassword(); );