Expiry date mask not working on mobile.

[Enzodtz]

Expiry date mask not working on mobile.

[melloware]

Try changing your input type for the Expiry toinput type="tel" instead of input type="text"

[Enzodtz]

I did it, but the error keeps the same.

If you want to try it

[melloware]

are you using the latest version of card 2.5.1 from the /dist folder here?

[Enzodtz]

Yes, I am, also the JQuery version is 3.5.1 not slim.
Can't it be a compatibility error?

[melloware]

Jquery does not matter as this lib does not use Jquery.

[Enzodtz]

Well, actually I'm using the dist/jquery.card.js JQuery version (This)

[melloware]

Ha that is NOT this library. Its an ancient version of this library before they removed Jquery as a requirement.

[melloware]

Closing as invalid since that library is not this one. Please upgrade to this library and set make sure to use the latest 2.5.1 version from this DIST folder.

[Enzodtz]

I was following the readme JQuery Session

[melloware]

OK your link to "If you want to try it" is broken it goes no where?

[Enzodtz]

Sorry, I forgot to add the https://, I've edited it and now it's working. The card code starts at line 31.

And I also changed the JQuery version to the normal version, and got the same results:

• No console errors
• Everything working but the expiry on mobile

New code:

var card = new Card({
    form: "#payment",
    container: ".card-wrapper",
    formSelectors: {
      numberInput: "#card-number",
      expiryInput: "#card-expiry",
      cvcInput: "#card-cvv",
      nameInput: "#card-name",
    },
    width: $(".card-wrapper").width(),
    placeholders: {
      number: "•••• •••• •••• ••••",
      name: "Name",
      expiry: "••/••",
      cvc: "•••",
    },
  });

[melloware]

I am not seeing anything on that page for Credit Card?

[Enzodtz]

Sorry,

Actually you need to login first, please try this:

Email: [email protected]
Password: password

To login: click on Acessar (access) at the navbar right, then type your E-mail and Senha (password) and submit with Login.

Then you can click on the previous link

[melloware]

Thanks I just tested with my Desktop and my iPhone 8 and both are working fine.

[Enzodtz]

I tested in another device and it worked perfectly. Probably it was the cache or something.

I'm sorry for extending this thread.

Thank you!

[melloware]

no prob