Skip to content
Submitted 8 months ago

Responsive form page using flexbox

Kevin Rasata•70
@kevinrasata
A solution to the Ping single column coming soon page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

First time writing JavaScript code. So excited for that!

What specific areas of your project would you like help with?

The JavaScript code. If ever you have a more refined way of writing the code, please don't hesitate to show me.

Thank you :)

Code

Please log in to post a comment

Log in

Community feedback

  • Jay Khatri•4,230
    @khatri2002

    The developed solution is great! However, here is my suggestion to improve the functionality and user experience:

    Since the email validation is being handled via JavaScript, the required attribute on the input element is redundant. This attribute is triggering the browser's default validation error before your custom JavaScript validation runs.

    For example, when a user enters abc, the browser triggers a default error message. When a user enters a@bc, your custom JavaScript validation triggers a different message. This inconsistency can confuse the user.

    Remove the required attribute and rely solely on the JavaScript function for email validation to ensure a uniform experience for users.

    Keep up the great work! Happy Coding! 🚀

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord