Skip to content

Add Show/Hide Password Toggle & Strong Validation #202

@dimpal-yadav

Description

@dimpal-yadav

Description:
Currently, the Sign Up form in the SafeVoice project has a password input field, but it lacks the following features:
Show/Hide password toggle – Users should be able to toggle the visibility of the password while typing.
Password validation rules – The password should meet the following criteria:

Minimum 8 characters
At least one uppercase letter
At least one lowercase letter
At least one number
At least one special character (symbol)
User feedback – The form should provide real-time feedback if the password does not meet the above criteria.

Expected Outcome:
Password input field with a toggle icon to show/hide the password.
Validation messages displayed as the user types the password.
Form submission should be prevented if password does not meet the criteria.

Steps to Reproduce:
Open the Sign Up page.
Enter a password in the password field.
Currently, password visibility cannot be toggled and invalid passwords can be submitted.

Image

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions