Proyecto: Card Validator

Card Validator es una librería para la validación del número de tarjeta, fecha de vencimiento, código de verificación (cvv) y nombre completo que aparece en la tarjeta. Para la verificación del número de tarjeta se hace uso del algoritmo de Luhn.

Desarrollado para

Laboratoria

• Producto Final: Library to Card Validation.

Card Validator es una librería para la validación del número de tarjeta, fecha de vencimiento, código de verificación (cvv) y nombre completo que aparece en la tarjeta.

Para la verificación del número de tarjeta se hace uso del algoritmo de Luhn.

---

Demo

Herramientas

• HTML5.
• CSS3
• ECMAScript6
• Babel
• Node JS
• NPM
• Jquery

---

Dependencias

• jQuery

---

Instalación

1. Usar Jquery (cdn).

    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

2. Descargar o clonar repositorio.
3. Agregar archivo public/js/index.js a su proyecto.

   <script type="text/javascript" src="js/index.js"></script>

• Opción sin descargar archivo

    <script type="text/javascript" src="https://aracelicumen.github.io/card-validator/public/js/index.js"></script>

4. Cada input de ingreso de datos debe contener los siguientes ID.

<form id="form-card-validate">
  <div class="form-group">
    <label for="cn">Número de tarjeta</label>
    <input id="cn"/>
  </div>
  <div class="form-group">
    <label for="exp">Fecha de vencimiento</label>
    <input id="exp"/>
  </div>
  <div class="form-group">
    <label for="cvv">CVV</label>
    <input id="cvv"/>
  </div>
  <div class="form-group">
    <label for="name">Nombre completo</label>
    <input id="name"/>
  </div>
  <input type="submit" value="Pagar" id="btn-pay"/>
</form>

---