coracle/flotilla
1
6
Fork 24
Code Issues 42 Pull Requests 2 Actions Packages Projects 5 Releases Wiki Activity

Show inline password requirements with realtime validation #229

Closed
priyanshu_bharti wants to merge 1 commits from priyanshu_bharti:224-show-password-requirement-on-signup into dev
pull from: priyanshu_bharti:224-show-password-requirement-on-signup
merge into: coracle:dev
Conversation 2 Commits 1 Files Changed 4
+73 -4
priyanshu_bharti commented 2026-04-17 19:27:54 +00:00
Contributor
Copy Link
Copy Source

Show inline password requirements with realtime validation (#224)

Description

This PR implements the feature requested in issue #224 how password requirement on signup

Password requirements are now displayed clearly below the password field on the signup page with real-time validation as the user types.

Changes Made

  • Created a new reusable component PasswordRequirements.svelte
  • Integrated it into the signup form (SignUpEmail.svelte)
  • Added real-time validation that updates instantly as user types
  • Requirements are shown with visual feedback (green check / red cross)
  • Clean and modern UI that matches the existing design

Features Added

  • Displays all password rules (minimum length, uppercase, lowercase, number, special character)
  • Real-time validation feedback
  • Requirements update live while typing
  • Works smoothly on both desktop and mobile

Related Issue

Closes #224

Note for Reviewers:
Please test the signup flow thoroughly. The password requirements should appear below the password field and update in real-time.
image.png

image.png

Show inline password requirements with realtime validation (#224) ### Description This PR implements the feature requested in issue #224 how password requirement on signup Password requirements are now displayed clearly below the password field on the signup page with real-time validation as the user types. ### Changes Made - Created a new reusable component `PasswordRequirements.svelte` - Integrated it into the signup form (`SignUpEmail.svelte`) - Added real-time validation that updates instantly as user types - Requirements are shown with visual feedback (green check / red cross) - Clean and modern UI that matches the existing design ### Features Added - Displays all password rules (minimum length, uppercase, lowercase, number, special character) - Real-time validation feedback - Requirements update live while typing - Works smoothly on both desktop and mobile ### Related Issue Closes #224 --- **Note for Reviewers:** Please test the signup flow thoroughly. The password requirements should appear below the password field and update in real-time. ![image.png](/attachments/8ffa1ed2-acf0-4f41-a616-0e6c376b7fb6) ![image.png](/attachments/682558cd-b0f3-433d-817a-bf4176704254)
image.png
171 KiB
image.png
171 KiB
priyanshu_bharti added 1 commit 2026-04-17 19:27:54 +00:00
Show inline password requirements with realtime validation 648a46eb9f
hodlbod commented 2026-04-17 19:29:58 +00:00
Owner
Copy Link
Copy Source

This is far more abstract than it needs to be. I was just thinking of adding some info text to the input. Let's let @DeveshSingh get this one.

This is far more abstract than it needs to be. I was just thinking of adding some info text to the input. Let's let @DeveshSingh get this one.
hodlbod closed this pull request 2026-04-17 19:29:59 +00:00
priyanshu_bharti commented 2026-04-17 19:38:53 +00:00
Author
Contributor
Copy Link
Copy Source

Hi @hodlbod,
Understood.
thanku

Hi @hodlbod, Understood. thanku
hodlbod deleted branch 224-show-password-requirement-on-signup 2026-04-22 16:40:20 +00:00

Pull request closed

This pull request cannot be reopened because the branch was deleted.
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
design
For issues related to design work. Development should be done in another issue and refer back to this one.
 dev
Issues related to development work
 easy
Issues that can be executed on by new contributors
 idea
For issues that aren't yet actionable
 priority
For issues related to high priority features and bugs
 usability
Issues that have to be validated with real live human beings.
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
hodlbod (hodlbod) mplorentz (Matt Lorentz) sakshamjain (Saksham Jain) sondreb triesap userAdityaa (Aditya Chaudhary)
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: coracle/flotilla#229
Delete Branch "priyanshu_bharti:224-show-password-requirement-on-signup"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?