Forum Documentation Showcase Pricing Learn more

New Plugin - Input Formatter


#41

Hi @dambusmedia! This is an awesome plugin, and really helpful for credit card UX. I wanted to bring up a bug I found:

https://drive.google.com/file/d/13knvZZJtK0vlucrSd0d490oywRS6bA8t/view?usp=sharing

As you can see, even though the value is being stored, everything after the first delimiter looks like it’s being erased (tab or clicking out). This only happens the first time, and re-typing the value out will keep it there.

Tested Chrome, Firefox, set as a credit card format.

Thanks!


#42

Hi @callen.hedglen, I can’t access the link you’ve shared, can you change the permissions?


#43

Hi @dambusmedia! Apologize for the even later response, and forgetting to change the permissions. I’ve made the link public, so you should be able to see the screen recording now.

Thanks!


#44

Hi @dambusmedia

I’ve been using your Input formater plugin these last days, (good work btw!) but it seems that today when I tried it on mobile it was not working… It worked previously, I don’t know what might be the cause. I didn’t change anything on my side…

Thanks for your help!


#45

Thank you!!! Very cool!


#46

@dambusmedia would you have any recommendation for sending a single “MM/YY” field to Stripe formatted correctly by chance?

I run into 1 problems: Separating the two values in the input according to the " / " delimiter


#47

Hey @dambusmedia - thank you for this plug in. I have a couple of issues, hoping you can help:

  1. UPPERCASE - for an input text, what value needs to be in the “Custom Format” field? I tried using the “999” shown in the demo app, but cannot input any spaces.

  2. CANADIAN POSTAL CODE - our postal codes are letters and numbers in the format A9A9A9 - can this plugin be used in this situation?

Thanks man.


#48

@dambusmedia
Is there a way to use this plugin inside a reusable element?

I’m receiving this error at runtime in chrome when attempting to do so.

x5:8 Uncaught ReferenceError: Cleave is not defined
    at HTMLDocument.eval (eval at m.create_code (x5:15), <anonymous>:3:174)
    at j (x5:8)
    at k (x5:8)