credit-card-gaps-pattern

credit-card-gaps-pattern

Creates a pattern for restricted-input from data obtained from credit-card-type

Why ?

Masks on hot for HTMLInputElement

Install

$ npm install credit-card-gaps-pattern 

Note: This project is compatible with node v8+

Usage

// Dependencies
import creditCardGapsPattern from 'credit-card-gaps-pattern';

const gaps = [4, 10];
const lengths = [14, 16, 19];

console.log(creditCardGapsPattern(gaps, lengths));
// => {{9999}} {{999999}} {{999999999}}

Example

// Dependencies
import RestrictedInput from 'restricted-input';
import creditCardType from 'credit-card-type';
import creditCardGapsPattern from 'credit-card-gaps-pattern';

const input = document.querySelector('input');
const {gaps, lengths} = creditCardType('30');

new RestrictedInput({
  element: input,
  pattern: creditCardGapsPattern(gaps, lengths)
});

Demo

Related

• restricted-input - Allow restricted character sets in input elements.
• credit-card-type - A library for determining credit card type

Changelog

<small>0.0.3 (2019-05-21)</small>

• docs: fix node badges (4242b42)
• docs: fix user name in dep (84bd0d7)
• docs: update instance pattern on field (9355bff)
• build: update depDev (ea56b9c)
• build: update restricted-input to v2 (203b602)