Real Time Validation in forms

[AlfiyaSiddique]

Issue Description

Sign-up fields have no constraints. I can create an account event with the username B which is a single character. There is no validation in email fields as well.

Solution

I want to add real-time validation in the signup as well as the login form. It will help the user to get a validation message as they enter the values. It will also prevent the form from getting submitted with invalid data. I want to implement a functionality similar to below sample video:

sample.mp4

According to me, the following constraints can be implemented:
name: minimum 6 characters
Email: valid regex
Password: min 8 max 16 characters with at least 1 uppercase, 1 lowercase, 1 special symbol, and 1 number.
confirm password: match with password.

Request

Please assign me this issue under the gssoc23 label.