[BUG]: No form validation in Subscribe to our newsletter to receive news about AsyncAPI in home Page

[love-sonkar]

Describe the bug

In Home page we have a Subscribe to our newsletter to receive news about AsyncAPI form and there is no validation for email and name.

How to Reproduce

Go to home page scroll down to subscribe to newsletter form and randomly enter any email or name then click on subscribe button.

• Screenshots
  

chrome_29HnFrVdJ7.mp4

Expected behavior

Form must be completely valid
like email must be a valid email address.
and name must contain 3 or 4 character minimum.

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[Vikram125609]

Can anyone please assign this to me ?
We can use RegExp to validate the email and name

[Om2123]

i think regExp won't work , it can't validate whether domain exits or not . Email validation api's like reacher , truemail would work

[derberg]

yeah regex won't work.
but is it a real issue? we are not getting any spam subscriptions. People usually don't do it to open source communities.

also can't be nicely completed until we get #1091

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity 😴

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience ❤️

[sambhavgupta0705]

@derberg @akshatnema should we go ahead with this issue ??

[akshatnema]

Yeah, we can go ahead with this issue.

[AKACHI-4]

@akshatnema, can I take it and work on it? All I need is to research around the Email validation API to verify the name and email of whoever is entering it.

[sambhavgupta0705]

yeahhh you may work on this one

[sambhavgupta0705]

@AKACHI-4 any update

[AKACHI-4]

Yeah, I looked into various validation APIs, and man, it was kinda time taking. Some of them have pricing issues... However, I tried using Postman to call their API, and everything went smoothly... After all, I decided to go with ZeroBounce because they provide free 100 email validations per month, which is definitely a good choice.

What I'm planning to do now is

• Implement email validation directly into the NewsletterSubscribe.js file before fetching from the Netlify function.
• Regarding the mentioned issue, I encountered the same thing initially while checking. I guess it's from the function's side.
• For now, I commented out that part so I can focus on implementing validation only. But I'll definitely look into it.

Here's the image I was using :-
I tried usebouncer for checking, but I'm getting some CORS errors though. I'll resolve them and try to push the changes as soon as possible.

[sambhavgupta0705]

Ohkkk great!!

[sambhavgupta0705]

Raise a PR when you are done with the work

[AKACHI-4]

Hey @sambhavgupta0705 .. I am done with the changes. kindly review it and guide for further in steps.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity 😴

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience ❤️

[JeelRajodiya]

@sambhavgupta0705 Is this issue still relevant? I would like to work on it.

[sambhavgupta0705]

@sambhavgupta0705 Is this issue still relevant? I would like to work on it.

yes you may

[Pruthvik-P]

can i work on it?

[JeelRajodiya]

can i work on it?

I am currently not working on the issue, because of my exams. If you want you can start working on it :)

[TejasSaraf]

Hey @sambhavgupta0705, I want to work on this issue an you please assign it to me?

[ParagGhatage]

Hi @love-sonkar ,
I just checked the AsyncAPI website, and it seems this issue is still present. I’d love to work on it if it's available. Let me know!

[ParagGhatage]

Hi @derberg ,
Please take a look at this solution and let me know if any changes are needed.

Validation Changes for Email and Name Inputs

Summary

I added validation for the email and name input fields, ensuring error messages are displayed directly below their respective input fields for better clarity.

Changes:

1. Email & Name Validation: Both fields now validate the input on change. If invalid:

   • Email checks if it matches the proper format.
   • Name checks if it has a minimum of 3 characters.

2. Error Message Placement:

   • Error messages are shown directly below the relevant input field.

Untitled.video.-.Made.with.Clipchamp.1.mp4

Please assign this issue to me, and I will submit the PR once the changes are approved.

[ParagGhatage]

Hi @derberg , Please take a look at this solution and let me know if any changes are needed.

Validation Changes for Email and Name Inputs

Summary

I added validation for the email and name input fields, ensuring error messages are displayed directly below their respective input fields for better clarity.

Changes:

1. Email & Name Validation: Both fields now validate the input on change. If invalid:

   • Email checks if it matches the proper format.
   • Name checks if it has a minimum of 3 characters.

2. Error Message Placement:

   • Error messages are shown directly below the relevant input field.

Untitled.video.-.Made.with.Clipchamp.1.mp4
Please assign this issue to me, and I will submit the PR once the changes are approved.

@derberg , @akshatnema please review above changes.