cardValidator.js

                  
                    <script src="vendors/jquery/jquery-3.2.1.min.js"></script>
                    <script src="vendors/materialize/js/materialize.min.js"></script>
                    <script type="text/javascript" src="js/data.js"></script>
                    <script type="text/javascript" src="js/index.js"></script>
                    <script type="text/javascript" src="js/app.js"></script>
                   
                

                  
                    <link rel="stylesheet" href="vendors/materialize/css/materialize.min.css">
                    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
                    <link rel="stylesheet" href="css/main.css">
                  
                

                  
                    1. id="num-card" // (Card Number): Número de la tarjeta de crédito
                    2. id="month" // (Mes): Fecha de expiración
                    3. id="year" // (Año): Fecha de expiración
                    4. id="cvv"  // (CVV): Código de validación de 3 dígitos
                    5. id="name" // (Name): Nombre completo como aparece en la tarjeta
                    6. id="pay" // (Pay): Botón que validara todos los datos ingresados de los 4 inputs
                  
                

                  
                    let data = [
                      {
                        numCard: 4293875288227864,
                        month: 01,
                        year: 2025,
                        cvv: 564,
                        name: 'YANIRA ARENAZAS BUENO',
                      },
                      {
                        numCard: 4551038207641635,
                        month: 07,
                        year: 2022,
                        cvv: 565,
                        name: 'PAMELA DE LA CRUZ LOZANO',
                      },
                      {
                        numCard: 4551708214724851,
                        month: 11,
                        year: 2022,
                        cvv: 566,
                        name: 'VALERIA VALLES',
                      },
                      {
                        numCard: 4214100119451427,
                        month: 09,
                        year: 2019,
                        cvv: 567,
                        name: 'ESTRELLA LOPEZ ROJAS',
                      },
                      {
                        numCard: 4557880960617953,
                        month: 12,
                        year: 2021,
                        cvv: 568,
                        name: 'PAOLA ALVAREZ GONZALES',
                      },
                    ];
                  
                

                  
                    
                      $ function begin() {
                        ('#form').cvvValidation($('#cvv')); // como argumento de la función.
                        ('#form').nameValidation($('#name')); // como argumento de la función.
                        ('#form').isValidCard($('#cardvalid')); // como argumento de la función.
                        ('#form').dateExpiration($('#exp')); // como argumento de la función.
                        ('#form').dateExpiration($('#input-cvv')); // como argumento de la función.                      } 
                      }