https://github.com/amiryxe/credit-card-input

Credit card input with multiple fields
https://github.com/amiryxe/credit-card-input

credit-card fields input javascript jquery

Last synced: about 2 months ago
JSON representation

Credit card input with multiple fields

• Host: GitHub
• URL: https://github.com/amiryxe/credit-card-input
• Owner: amiryxe
• Created: 2021-09-18T06:30:10.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-10-05T14:13:35.000Z (over 2 years ago)
• Last Synced: 2023-03-05T03:08:43.785Z (almost 2 years ago)
• Topics: credit-card, fields, input, javascript, jquery
• Language: JavaScript
• Homepage: https://amiryxe.github.io/credit-card-input/
• Size: 30.3 KB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Credit card input

Vanilla JS credit card form with multiple fields.

## [DEMO](https://amiryxe.github.io/credit-card-input/)

You can also see the demo on the [Codepen](https://codepen.io/amiryxe/pen/QWgQPEa)

## Features

- Automatically focuses the next field

- Only accepts numbers

- Holds the main input

- Copy to clipboard

## How to use

Include the style file:

```css

```

Include the js file:

```js

```

Use this HTML structure to initial credit inputs:

```html



  


    

    

    

    

  

  Reset



```


If you want to use the copy to clipboard feature, include this file in your project:

```js

```

## CDN

```css

```

```js

```