[Frontend] Add the UI level Validations

[Kajol-Kumari]

Description

Currently, there is almost no validation or the validation occurs only after hitting the submit button of login/signup form for both influencers and brands.

Requirements

As soon as user enters an invalid data, the error message should be shown right away just below the input box. Only the errors coming from backend should come when user hits submit.

For Brand SignUp form

• [ ] Add Name Validation -> the check that name can't start with a number and any other relevant validations
• [ ] Add email Validation -> add the required regex checks
• [ ] Add the password Validation -> Add the min-length check etc.
• [ ] The Generate OTP button should be disabled, till user filled all the required fields with valid data(currently its always blue)

For Brand Login form

• [ ] Add email Validation -> add the required regex checks
• [ ] Log In button is always blue, it should be disabled until user enters the username and password

For Influencers SignUp form

• [ ] Add Name Validation -> the check that name can't start with a number and any other relevant validations
• [ ] Add email Validation -> add the required regex checks
• [ ] Add the password Validation -> Add the min-length check etc.
• [ ] Add Mobile number Validation -> Add require regex check

For Influencers Login form (same changes as brand login)

• [ ] Add email Validation -> add the required regex checks
• [ ] Log In button is always blue, it should be disabled until user enters the username and password

NOTE - Make sure to write all the validators under frontend/util/validators.js so that the same validators can be used at all the required places

[Ishitamukherjee2004]

@Kajol-Kumari I want to work on email validation

[BHS-Harish]

@Kajol-Kumari @RohitGupta1237

Assign me the issue

[Kajol-Kumari]

@Ishitamukherjee2004 we can't give just one validation to anyone so assigning @BHS-Harish