Collection of free jQuery credit card plugins. Credit card forms with input mask and validation.

Welcome to our collection of jQuery code examples! In this carefully curated compilation, we have gathered a wide array of code snippets that demonstrate the power and versatility of the jQuery library.

Glassmorphism Credit Card

Glassmorphism Credit Card

Author:
ron | January 18, 2021
Made with:
HTML / CSS / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Payment Gateway Integration

Payment Gateway Integration

Author:
Ravi Sharma | October 8, 2020
About a code

The user will land on the payment page where user can select the amount to be paid and the payment type that includes Credit Card, Netbanking, Paypal and Debit Card. On successful payment an invoice will be generated on a new page regarding completion of the payment.

Card

Card

Author:
Jesse Pollak | December 26, 2013
Made with:
9396 stars216 watchers

About a code

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.

Skeuocard

Skeuocard

Author:
Ken Keiter | July 24, 2013
Made with:
3305 stars98 watchers

About a code

Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.

jQuery Credit Card Validator

jQuery Credit Card Validator

Author:
Pawel Decowski | February 19, 2012
Made with:
922 stars50 watchers

About a code

jQuery Credit Card Validator detects and validates credit card numbers. It’ll tell you the detected credit card type and whether the number length and Luhn checksum are valid for the type of card.

Single-Field Credit Card Input

Single-Field Credit Card Input

Author:
Zachary Forrest y Salazar | November 21, 2012
Made with:
889 stars47 watchers

About a code

This is a jQuery-based, progressively-enhanced solution for creating a single-field credit card input. The idea is to create a more streamlined credit card entry process.

Payform

Payform

Author:
Jonathan D. Johnson | December 23, 2012
Made with:
324 stars13 watchers

About a code

A library for building credit card forms, validating inputs, and formatting numbers.

Creditly.js

Creditly.js

Author:
John J. Wang | January 23, 2014
Made with:
303 stars18 watchers

About a code

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.

Payment

Payment

Author:
Jesse Pollak | July 14, 2014
Made with:
260 stars10 watchers

About a code

A jQuery-free general purpose library for building credit card forms, validating inputs and formatting numbers.

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨