Get new jQuery plugins just once a week

×

creditly

February 27, 2014

creditly | js plugin for Interactive credit card forms

Creditly.js gives you everything you need in order to create a sleek, intuitive credit card form. Just copy the html, css, and javascript to get an intuitive credit card form in seconds. You get credit card validation (using the Luhn algorithm) for free.

Example Code :-

var creditly = Creditly.initialize(
'.creditly-wrapper .expiration-month-and-year',
'.creditly-wrapper .credit-card-number',
'.creditly-wrapper .security-code',
'.creditly-wrapper .card-type');

$(".creditly-card-form .submit").click(function(e) {
e.preventDefault();
var output = creditly.validate();
if (output) {
// Do something with your credit card output.
console.log(output["number"]);
console.log(output["security_code"]);
console.log(output["expiration_month"]);
console.log(output["expiration_year"]);
}
});

Created by John J. Wang

Download

Example

creditly jquery plugin

credit card form

creditly

Related posts:

Super-Labels
Form-Help
Tristate
creditly jquery plugin

http://jquer.in/wp-content/uploads/2014/02/creditly.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever