Enhance_Real_Time_Password_Validation_in_Signup_Form

[smog-root]

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

• At least 8 characters long
• At least 1 uppercase letter (A-Z)
• At least 1 lowercase letter (a-z)
• At least 1 number (0-9)
• At least 1 special character (e.g., !@#$%^&*())

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!

[smog-root]

Are you merging it??

[Harshdev098]

@smog-root Just understand give me some time, be patient.
If you have open a pr, will review it don't worry

[smog-root]

I can understand bro! But can you merge it by today night? Leaderboard will update at 12!!

Please understand me also!