interactive-card-details-from

Community feedback

• 

  Warren•630

  @warrenleePosted over 2 years ago

  Hey Bismarck! Good effort on this challenge! I just finished this and it was not easy.

  If you want to archive the card number format you'll need to hook the input to an event listener, most likely keydown and transform the value that's in the event object and the apply the following regex. So something like

  inputElement.addEventlistener('keyup', function(event) {
     event.target.value = event.target.value
        .replace(/[a-z\W]/gi, "") // prevent any other characters being inputed other than numbers
        .replace(/(.{4})/g, "$1 ") // for every 4 characters append a space after
        .trim();
  })
  

  Here is my solution on this. I used React. https://bitbucket.org/warrenlee/frontend-mentor/src/master/interactive-card-details-form/src/components/Form/index.jsx

  Marked as helpful

  0

  ---

  

  Bismarck Momanyi•200

  @AbcmahPosted over 2 years ago

  @warrenlee thanks , for your help

  0