https://github.com/nfort/jquery.card-number.js

flexible input card number with prefix and logo
https://github.com/nfort/jquery.card-number.js

card-number jquery jquery-plugin

Last synced: about 1 month ago
JSON representation

flexible input card number with prefix and logo

• Host: GitHub
• URL: https://github.com/nfort/jquery.card-number.js
• Owner: nfort
• Created: 2016-06-05T07:19:05.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-10-10T10:06:41.000Z (about 8 years ago)
• Last Synced: 2024-09-29T11:25:38.215Z (about 2 months ago)
• Topics: card-number, jquery, jquery-plugin
• Language: JavaScript
• Homepage: https://cdn.rawgit.com/nfort/jquery.card-number.js/master/example/index.html
• Size: 347 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![jquery.card-number](http://new.tinygrab.com/28d197985fdd4b7247cf59c562a34e127a0fcbc6ae.png)

[![NPM](https://nodei.co/npm/jquery.card-number.js.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/jquery.card-number.js/)

# jquery.card-number.js

flexible input card number with prefix and logo

## Install

```

$ bower i jquery.card-number.js

```

or 

```

$ npm i jquery.card-number.js

```

You can see [example in action](https://cdn.rawgit.com/nfort/jquery.card-number.js/master/example/index.html)

```

$(function () {

    $('.js-card-number').card({

        prefix: '1234 00',

        placeholder: '00 0000 0000',

        background_color: '#C70017',

        name: 'partners_field',

        src: 'http://4vector.com/i/free-vector-mastercard-logo_090839_MasterCard_logo.png'

    })

})

```

## Params

| method | type | value |

| :---: | :---: | :---: |

| prefix | string | prefix for value |

| placeholder | string | visible placeholder |

| background_color | string | background color (color as hex) |

| name | string | attribute name for input |

| src | string | src for icon on right-side |