Surveyjunkie.com Forgot Password «iPhone»

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

// Allow "Enter" key inside email input to trigger reset emailInput.addEventListener('keypress', (e) => if (e.key === 'Enter') e.preventDefault(); handleResetPassword(); );

/* main content area */ .form-container padding: 2rem 2rem 2rem 2rem; surveyjunkie.com forgot password

<script> (function() // DOM elements const emailInput = document.getElementById('email'); const sendBtn = document.getElementById('sendResetBtn'); const backLink = document.getElementById('backToLoginBtn'); const messageContainer = document.getElementById('messageContainer');

<div class="form-container"> <div class="title-section"> <h1>Forgot password?</h1> <p>No worries — we’ll send you a secure reset link to your email. Enter the address associated with your SurveyJunkie account.</p> </div> // Optional: placeholder animation / focus effect //

input width: 100%; padding: 0.9rem 1rem 0.9rem 2.8rem; font-size: 1rem; font-family: 'Inter', monospace; border: 1.5px solid #e2e8f0; border-radius: 1.25rem; background-color: #ffffff; transition: all 0.2s; outline: none; color: #111827; font-weight: 500;

msgDiv.innerHTML = `$iconHtml <span>$text</span>`; messageContainer.appendChild(msgDiv); if (e.key === 'Enter') e.preventDefault()

<!-- dynamic message area --> <div id="messageContainer"></div> </div>

.title-section h1 font-size: 1.85rem; font-weight: 700; color: #1e2f41; letter-spacing: -0.3px; margin-bottom: 0.5rem;

.logo display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 1.8rem; letter-spacing: -0.3px; color: #1A2C3E;

// Email validation (simple but robust) function isValidEmail(email) if (!email) return false; const emailRegex = /^[^\s@]+@([^\s@.,]+\.)+[^\s@.,]2,$/; return emailRegex.test(email);