Credit Card Validator In Vanilla JavaScript

Preview:

Description:

A vanilla JavaScript credit card validator that detects the card type and limits the length of credit card numbers.

How to use it:

Load the necessary VanillaMasker library in the html document.

<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-masker/1.2.0/vanilla-masker.min.js"></script>

Load the vanilla card validator:

<script src="assets/cardValidator.bundle.js"></script>

Create the credit card input.

<form>
  <div name="card-container">
      <input type="text" id="card" maxlength="16" />
      <label class="card-label" for="">Credit Card</label>
      <div id="logo"></div>
  </div>
</form>