Download
Card will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript, no images required. To use, you'll need to include the Card JavaScript files into your HTML, no CSS link is necessary as the JavaScript file does this for you. You can find the necessary file at /dist/card.js and include it in your HTML like so. Once you've included those files, you can initialize Card. Card can be used in forms where you have multiple inputs that render to a single field (i.e. you have a first and last name input). To use Card with this functionality, just pass in a selector that selects the fields in the correct order. Card renders with default placeholders for card name, number, expiry, and cvc. To override these placeholders, you can pass in a placeholders object.
Features
- A better credit card form in one line of code
- Install card from npm
- Use multiple inputs for one field
- Render with different initial card placeholders
- Render the card with the strings in a different language
- Use with jQuery
Project Samples
