Installation

NPM

npm install @phpdevsr/js-validation

Then import it in your project:

import jsValidation from '@phpdevsr/js-validation';

CDN (jsDelivr)

Latest version

<script src="https://cdn.jsdelivr.net/npm/@phpdevsr/js-validation/dist/js-validation.min.js"></script>

Specific version

<script src="https://cdn.jsdelivr.net/npm/@phpdevsr/js-validation@1.1.0/dist/js-validation.min.js"></script>

ES Module via CDN

<script type="module">
  import jsValidation from 'https://cdn.jsdelivr.net/npm/@phpdevsr/js-validation/dist/js-validation.esm.min.js';
</script>

Download

You can also download the files directly from the GitHub Releases page and include them in your project manually.

Available Files

FileFormatDescription
dist/js-validation.jsUMDUnminified, for development
dist/js-validation.min.jsUMDMinified, for production
dist/js-validation.esm.jsES ModuleUnminified, for bundlers
dist/js-validation.esm.min.jsES ModuleMinified, for bundlers

Usage After Installation

UMD (Script Tag)

<script src="dist/js-validation.min.js"></script>
<script>
  const validator = jsValidation.default('#my-form', {
    rules: { email: { required: true, email: true } }
  });
</script>

ES Module

import jsValidation from '@phpdevsr/js-validation';

const validator = jsValidation('#my-form', {
  rules: { email: { required: true, email: true } }
});

Selective Import (Core + Specific Rules)

import jsValidation from '@phpdevsr/js-validation/core';
import '@phpdevsr/js-validation/rules/required';
import '@phpdevsr/js-validation/rules/email';