Card

The "Card" library allows developers to add a life-like credit card display to their payment forms.

As the user enters credit card details like the number, name, expiration date, and CVC, a credit card is animated near the form, showing the user's details on the card, and rotating the card appropriately along with the details the user is trying to enter.

The entire purpose of using this technique is to avoid errors while filling in payment details, helping users enter all their data properly, and by doing so completing the transaction.

As the number of errors goes down, fewer users tend to be deterred from abandoning a payment operation.

A simple demo is included with the "Card" download package.

What is new in this release:

• Removes jQuery dependency :v: and uses JavaScript class constructor to initialize
• Bundles all CSS directly into the card.js file, removing the need to do another CSS link include
• .card class is switched to .jp-card and all other classes are prefixed
• Removes jQuery style shortcuts for setting values and messages

What is new in version 1.0.2:

• Removes jQuery dependency :v: and uses JavaScript class constructor to initialize
• Bundles all CSS directly into the card.js file, removing the need to do another CSS link include
• .card class is switched to .jp-card and all other classes are prefixed
• Removes jQuery style shortcuts for setting values and messages

What is new in version 1.0.0:

• Removes jQuery dependency :v: and uses JavaScript class constructor to initialize
• Bundles all CSS directly into the card.js file, removing the need to do another CSS link include
• .card class is switched to .jp-card and all other classes are prefixed
• Removes jQuery style shortcuts for setting values and messages

Requirements:

• JavaScript enabled on client side
• CSS 3 enabled browser