muhammed / interactive-card

Credit card form with smooth and sweet micro-interactions
https://codepen.io/JavaScriptJunkie/pen/YzzNGeR
MIT License
321 stars 89 forks source link

Number length & 4digit spacer not working #39

Open JaleesaLLC opened 3 years ago

JaleesaLLC commented 3 years ago

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:

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

prabodhana commented 3 years ago

is there any solution for this?

prabodhana commented 3 years ago

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

pvujic commented 3 years ago

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!