Comments (23)
What is the problem exactly? What happens? Try to be as descriptive as possible.
from card.
Everything looks normal, however, none of the events to change the visual style of the card get fired, even when adding standard alerts into those functions. I have two identical examples based on the example in the package. One in HTML and another in an aspx page. HTML works fine, aspx wont fire at all. Im trying to paste the code but it won't display correctly
from card.
You can paste your code in a gist and link here!
from card.
https://gist.github.com/stanggt3/24c3829ed48f8e3be053
I have tried it with and without having an ID on the inputs
Also, the card.js file is unchanged, and the default file is using the initialize function
from card.
No errors are shown in console while testing
from card.
Can you post your default.js in the gist? There is no problem on the html
from card.
Apparently, the primary selector need to be a <form>
element.
I made some tests, and when you change $('.form-container'
to $('#form')
the script works
from card.
Awesome, thank you!
from card.
It looks like it stopped working again when using a page that uses a master page, I'll see if I can figure that out
from card.
Thanks for helping with debugging @luanmuniz 👏
Unsure why it would need to be a form
element, can look into it.
from card.
It's because of this line. There's no need for that to be there, so I'm going to remove it.
from card.
👍
from card.
@stanggt3 can you give this a go and let me know if it works?
from card.
@jessepollak tested and working \o/
from card.
Still seems to have some kind of issue finding the input boxes now. The following code throws an error of undefined is not a function.
if (this.options.formatting) {
this.$numberInput.payment('formatCardNumber');
This is how the textbox is rendered when runat server in asp https://gist.github.com/stanggt3/521aa9715c0075f52b90
from card.
@stanggt3 did you update your card.js?
Did you change the numberInput
option to the new id?
from card.
Yes I did
from card.
the numberInput
too?
$('.form-container').card({ container: $('.card-wrapper'), numberInput: $('#tbCardNumber') })
I did some tests here and it's working normally. =/
from card.
$('#paymentInfo').card({
container: '#paymentInfo', // *required*
numberInput: '#tbCardNumber', // optional — default input[name="number"]
});
from card.
You need to put the jQuery Object, need to be $('#tbCardNumber')
, just the selector #tbCardNumber
wont work (for all options)
from card.
That was it. Thanks for all the help!
from card.
We found 2 bugs because of you Thanks!! hahaha 👍
from card.
@luanmuniz I'll fix that right now, it should be allowed to be either :/
from card.
Related Issues (20)
- How to remove the input whitespaces when entering a card number? HOT 2
- Demo 404s HOT 3
- This project is being used in suspicious site HOT 2
- Mastercard Not recognized HOT 5
- Card Number Can't Be Blur In IOS When Input Card Numbers HOT 10
- Credit Card with RTL the float:right makes a problem HOT 1
- Cannot read properties of undefined (reading 'replace') HOT 6
- Card Info storage to database. HOT 1
- how to flip card from js code HOT 7
- Show card without inputs HOT 3
- Add CSS variable support for card colors HOT 3
- Card credit
- Demo link is broken in the readme file HOT 2
- npm install errors HOT 10
- Credit Card Expiration Date Format Not Accepted Error HOT 13
- How to get the card type (visa, mastercard, etc.) so I can pass that info to payment gateway HOT 4
- It does not work HOT 2
- not sure if this is still relevant but for people with the same question: you can use the bin of the card to decode if it's type, the bin is the bank identification number of each card and it identifies a card down to the bank which issued it, with a BIN API like the one from binlist.io you are easily able to check which card goes with which card type. HOT 1
- pleasss.. HOT 2
- Hi
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from card.