npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

ccval

v1.0.2

Published

* **Track:** _Common Core_ * **Curso:** _JS Deep Dive: Crea tu propia librería usando JavaScript_ * **Unidad:** _Producto final_

Downloads

4

Readme

CCVal

Credit card Validator

About Credit Card Validator

CCval is a validator, that uses luhn's algorithm for the validation of credit Cards, you need to have this in mind, if you don't have a DataBase with names, expiration dates and CVV, this will just validate the correct input of the information, as just numbers when you need it and the same with the alphabet with the users name.

Here you will find 5 modules, everyone have his own functionality and can be used separately so, use them as you need.

Installation

Use de next code in your terminal to install

$npm install --save ccval 

Usage

Js The next tamplate can be use to call this library in your Js


if(validateCard(numberCardForm) && validCvv(cvvForm) && dateValidation(monthValidatorForm) && yearValidation(yearValidationForm) && nameValidator(nameValidatorForm)){

alert("Valid card!", "Successful purchase!", "success");

} else {

alert("Invalid card!", "Try again");

};

This validation can be use in your code calling the each of our elements by an id.

Browser

Include it in your HTML:

//Card Validator
<script src="node_modules/ccval/lib/validate-cvv.js"></script>

//Name Validator
<script src="node_modules/ccval/lib/nameValidator.js"></script>

//CVV  Validator
<script src="node_modules/ccval/lib/validCvv"></script>

//Month Validator
<script src="node_modules/ccval/lib/dateValidation"></script>

//Year Validator
<script src="node_modules/ccval/lib/yearValidation"></script>
Example HTML

Html cn = Card Number

<label for="cn" class="col-form-label">Card number</label>

<input id="cn" name="cn" class="form-control" placeholder="16 digits"/>

Expiration Month Expiration month you need to take something in mind with this validation, it only validates month, and 2 digits 01 - 12

<label for="exp" class="col-form-label">Expires</label>

<input id="exp2" name="exp" class="form-control" placeholder="MM" />

Expiration Year Expiration year this validation takes 4 digits, and never a year before the actual one

<input id="exp" name="exp" class="form-control" placeholder="YYYY" />

CVV


<label for="cvv" class="col-form-label">CVV</label>

<input id="cvv" name="cvv" class="form-control" placeholder="3 digits"/>

Name Validation

<label for="name">Cardholder name</label>



<input id="name" name="name" class="form-control" placeholder="Full Name"/>

Authors

Berenice Tovar & Sarahi Ruiz Lopez