Giters

muhammed / interactive-card

Credit card form with smooth and sweet micro-interactions

Home Page:https://codepen.io/JavaScriptJunkie/pen/YzzNGeR

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Number length & 4digit spacer not working

opened this issue · comments

commented

Thank you all for this amazing work, this is exactly what I'm looking for.

After downloading the code, immediately I noticed while I'm typing:

  • the 4digit spacer not working.
  • the typing not locking after reaching 16 digits.

here is a live code: https://livewire.jaleesa.net/pay

I spend around 3 hours trying to fix without luck, I even took an exact copy from here https://cdpn.io/JavaScriptJunkie/fullpage/YzzNGeR, and it's not working on my PC or even on the server.

Thank you

commented

is there any solution for this?

commented

Thank you all for this amazing work, this is exactly what I'm looking for.

After downloading the code, immediately I noticed while I'm typing:

* the 4digit spacer not working.

* the typing not locking after reaching 16 digits.

here is a live code: https://livewire.jaleesa.net/pay

I spend around 3 hours trying to fix without luck, I even took an exact copy from here https://cdpn.io/JavaScriptJunkie/fullpage/YzzNGeR, and it's not working on my PC or even on the server.

Thank you

founded a solution.. you need to install this package https://www.npmjs.com/package/v-mask

commented

THIS worked. We shouldn't just copy the code and paste it and use it as a package but since there was no documentation how to install this we just copied.

Thank you all for this amazing work, this is exactly what I'm looking for.
After downloading the code, immediately I noticed while I'm typing:

* the 4digit spacer not working.

* the typing not locking after reaching 16 digits.

here is a live code: https://livewire.jaleesa.net/pay
I spend around 3 hours trying to fix without luck, I even took an exact copy from here https://cdpn.io/JavaScriptJunkie/fullpage/YzzNGeR, and it's not working on my PC or even on the server.
Thank you

founded a solution.. you need to install this package https://www.npmjs.com/package/v-mask

THIS worked. We shouldn't just copy the code and paste it and use it as a package but since there was no documentation how to install this we just copied. Thank you!