🐞[bug]: Forgot Password shows incorrect email FORMAT

[sania-2912]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

The "Forgot Password" feature currently displays an error message indicating "incorrect email format" when the user enters an invalid email format.

suggestions:
Real-Time Validation: Add client-side validation using HTML5 (type="email") or JavaScript regex patterns to check the email format as the user types. This helps users catch and fix errors immediately, reducing submission delays and avoiding unnecessary server-side error messages.

Clear Error Messaging: Update the error message to be more specific, e.g., “The email format is invalid. Ensure it includes ‘@’ and a domain name (e.g., user@example.com).” Additionally, use a placeholder like "name@example.com" in the email field to guide users on the correct format.

Expected behavior

1.As users type in the email field, real-time validation highlights any format issues, prompting immediate correction without needing to submit the form.

2. If an invalid format is entered, a clear and specific error message appears (e.g., “The email format is invalid. Ensure it includes ‘@’ and a domain name”), and the field shows a helpful placeholder (e.g., "name@example.com") to guide users on the correct input format.

Add ScreenShots

What browsers are you seeing the problem on?

No response

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24EXTD contributor
• I have starred the repository

[github-actions]

Hi there! Thanks for opening this issue @sania-2912!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[sania-2912]

@Anjaliavv51 kindly assign this issue to me.