Charmaine Credit Card Detail

Community feedback

• 

  Simon Goellner•40

  @simeydotmePosted over 2 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!

  0
• 

  Block Flow•70

  @blockfl0wPosted over 2 years ago

  You can store the card number as string and then remove any extra whitespace potentially added by the user by using the replace() function I used this code number.value.replace(/\s/g, '');. Then you can use the slice() function to get the 4 segments of the value e.g. number.value.slice(0, 4); This would get the first 4 numbers. Then repeat this 4 times to get each segment and from there you can do your validation

  0