Get new jQuery plugins just once a week

×

Skeuocard

January 27, 2014

Skeuocard | javascript plugin for progressive credit card inputs

Skeuocard takes a standard credit card input form and partially transforms its DOM, removing non-essential elements, while leaving the underlying inputs alone. In order to use Skeuocard in your checkout page, you’ll need to do one of two things.
When you begin entering your card number, Skeuocard attempts to match it to an accepted card type. Once it is able to do so, it modifies the layout of the card to match the card product (Visa, MasterCard, etc) and makes any tweaks specific to the issuer — for example, the special layout of the Chase Sapphire card.

As you enter your information, Skeuocard modifies the underlying form values from your original, non-enhanced form. It also validates each field to find simple user mistakes and missing fields.

If the card product has fields on both sides of the card (for example, placing the CVC code on the back) the user will be prompted to flip the card to fill in the remaining fields.

Example Code :-


$(document).ready(function(){
card = new Skeuocard($("#creditcard"));
});

Created by Ken Keiter

Download

Example

Skeuocard jquery plugin

Credit card

Skeuocard

Related posts:

Orbital-dial
Formance-js
Fort-js
Skeuocard jquery plugin

http://jquer.in/wp-content/uploads/2014/01/Skeuocard.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever
Couple Gift Ideas