<script> (function() // DOM elements const emailInput = document.getElementById('email'); const sendBtn = document.getElementById('sendResetBtn'); const backLink = document.getElementById('backToLoginBtn'); const messageContainer = document.getElementById('messageContainer');
// main submit handler async function handleResetPassword() clearMessages(); const emailValue = emailInput.value.trim(); surveyjunkie.com forgot password
label display: block; font-weight: 600; font-size: 0.85rem; color: #1f2f40; margin-bottom: 0.5rem; const sendBtn = document.getElementById('sendResetBtn')
// Show loading state on button const originalBtnText = sendBtn.innerHTML; sendBtn.disabled = true; sendBtn.style.opacity = '0.7'; sendBtn.innerHTML = ` <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="animation: spin 1s linear infinite;"> <path d="M21 12a9 9 0 11-6.219-8.56" /> </svg> Sending... `; const backLink = document.getElementById('backToLoginBtn')
// Client-side validation if (!emailValue) showMessage('error', 'Please enter your email address to reset your password.'); emailInput.focus(); return;
/* input group style — modern, clean */ .input-group margin-bottom: 1.5rem;