Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
1
Comments
2

Simon Goellner

@simeydotmeHong Kong40 points

Frontend Developer from the 2000s, fighting tooth-and-nail to stay relevant! Lots of experience in Usability, UX and Frontend UI Development for the Web. Joined up to help mentoring some Juniors I know.

I’m currently learning...

VueJS, SvelteJS, Sveltekit, Storybook, Blender3d

Latest solutions

  • Simey Credit Card Details

    #vue

    Simon Goellner•40
    Submitted almost 3 years ago

    1 comment

Latest comments

  • Tegar Setyo Wicaksono•50
    @Tegarsetyo6
    Submitted almost 3 years ago

    Interactive Card Details Form With HTML,CSS,JS,JQuery

    #jquery
    1
    Simon Goellner•40
    @simeydotme
    Posted almost 3 years ago

    To prevent the form from submitting if Validation is not passed, you may use an onsubmit event on the <form> element ( <form onsubmit='checkValidation'>) instead of using a onclick event on the <button>... then you can check if the form has not passed validation. You can return false or event.preventDefault inside of the checkValidation event handler to stop the form from submitting on error.

    More information can be found on mozdev; https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event#javascript

    Hope that is helpful!

    Marked as helpful
  • CharmaineHYM•20
    @CharmaineHYM
    Submitted almost 3 years ago

    Charmaine Credit Card Detail

    #accessibility#vue
    2
    Simon Goellner•40
    @simeydotme
    Posted almost 3 years ago

    You could consider setting a "pattern" attribute and "inputmode" attribute on the card number <input> so that it allows easier input on mobile devices :)

    Aside from that the thing looks great! Good job! You've followed the design very well and the mobile view looks perfect!

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub