💡[Feature]: Replace Default HTML Validations with Advanced Validations

[divysaxena24]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

Description

Currently, the email subscription form uses the default HTML5 validation (e.g., required with the browser’s popup "Please fill out this field.").
While functional, this approach lacks customization, consistency, and user-friendly error messages.

Proposed Solution

• Implement custom advanced form validations using JavaScript/Regex instead of relying only on the browser’s default validation.
• Provide real-time feedback (e.g., red border, error text below the field).
• Add validation rules such as:
  • Valid email format check (example@domain.com).
  • No disposable/temporary emails (optional).
  • Instant success indication when input is correct.
• Display clear, styled error messages instead of browser tooltips.

Use Case

This feature would enhance the project by:

• Making the subscription/signup experience more professional and user-friendly.
• Providing consistent error messages across all browsers.
• Helping users quickly correct mistakes without relying on generic browser popups.
• Increasing trust in the project through a polished and reliable validation system.

Benefits

• Improves user experience by giving consistent and friendly messages.
• More control over styling and behavior.
• Prevents bypassing validation by browser inconsistencies.

---

Add ScreenShots

Priority

High

Record

• I have read the Contributing Guidelines
• Are you a GSSOC'25 contributor
• I want to work on this issue

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[github-actions]

👤 Issue assigned to @divysaxena24.

[github-actions]

✅ This issue has been closed. Thank you for your contribution!