Enhance_Real_Time_Password_Validation_in_Signup_Form #145
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Overview: This PR introduces real-time password validation to the signup form, ensuring users meet specific password criteria before form submission. The criteria include:
Proof:
https://mega.nz/file/8OsCAQBD#Cqj4DsMoADyOhNJ2cM2X6oY2MaY_2PzAQERWg6Zn3c8
Changes Made:
Password Criteria Display:
Password criteria are displayed when the user focuses on the password input field.
Criteria remain visible as long as the user has entered a password.
Criteria change color to green when all requirements are met and red otherwise.
Real-Time Validation:
The validation checks are performed on input to provide immediate feedback on password strength.
Each criterion is validated and indicated individually, allowing users to see which requirements are still unmet.
Focus and Blur Handling:
The criteria list is hidden when the user clicks away from the password field if the input is empty.
If the password field contains input, the criteria will remain visible upon focus out.
Note: I did not created an issue so. Assign me this PR, and add gssoc-ext with level3, hacktoberfest-accepted labels!