Form Signup Improvements - Password Requirements & Pre-Filled Email on signup form Invite #1181

Closed
opened 2026-04-05 18:27:14 +02:00 by MrUnknownDE · 0 comments
Owner

Originally created by @adrianeastles on 7/25/2025

Description

Enhances the user signup experience with modern password validation and pre-filled email when following a signup link. The changes focus on providing real-time feedback, eliminating confusion, and creating a more professional onboarding flow.

How to test?

  1. Generate an Invite Link: As an administrator, navigate to the user management section and create a new invite link for a user. Copy this link.
  2. Access the Invite Link: Open an incognito/private browser window and paste the copied invite link into the address bar.
  3. Observe Auto-fill and Messaging:
    • Verify that the email field is autofilled from the invite link and appears with a read-only style.
  4. Test Password Validation: As you type into the password field:
    • Observe the real-time strength meter displaying "Weak," "Medium," or "Strong" with corresponding color changes.
    • Check that the interactive requirements checklist dynamically updates with green checkmarks and red X indicators.
  5. Complete Signup: Fill in the required details and successfully create the account.
  6. Verify Auto Login & Redirect: Confirm that the user is automatically logged in after successful signup and is correctly redirected to the member portal.
*Originally created by @adrianeastles on 7/25/2025* ## Description Enhances the user signup experience with modern password validation and pre-filled email when following a signup link. The changes focus on providing real-time feedback, eliminating confusion, and creating a more professional onboarding flow. ## How to test? 1. **Generate an Invite Link:** As an administrator, navigate to the user management section and create a new invite link for a user. Copy this link. 2. **Access the Invite Link:** Open an incognito/private browser window and paste the copied invite link into the address bar. 3. **Observe Auto-fill and Messaging:** * Verify that the **email field is autofilled** from the invite link and appears with a read-only style. 4. **Test Password Validation:** As you type into the password field: * Observe the **real-time strength meter** displaying "Weak," "Medium," or "Strong" with corresponding color changes. * Check that the **interactive requirements checklist** dynamically updates with green checkmarks and red X indicators. 5. **Complete Signup:** Fill in the required details and successfully create the account. 6. **Verify Auto Login & Redirect:** Confirm that the user is **automatically logged in** after successful signup and is correctly redirected to the member portal.
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/pangolin#1181