v1.0.0 Bootstrap 5 Zero Dependencies

Easy Forms,
Easy Validation

Powerful, accessible form validation for Bootstrap 5.
30+ validators, 6 display modes, 4 themes — zero JavaScript required.

<input type="email"
   data-ev-type="email"
   data-ev-required="true"
   data-ev-display="toast" />

// That's it. No JS needed. ✨
30+
Validators
6
Display Modes
4
Themes
5
Languages
Interactive

Live Demo

Try the validation in real time. Switch themes and languages on the fly.

Registration Form
Flexible Output

6 Display Modes

Choose how and where validation messages appear. Mix and match per field or form.

Comprehensive

30+ Built-in Validators

From basic text to credit cards and postal codes — everything you need out of the box.

Text
  • Letters Only
  • Alphanumeric
  • No Spaces
  • Slug
  • Username
Contact
  • Email (RFC 5322)
  • Phone (10 locales)
  • URL
Security
  • Password Strong
  • Password Medium
  • Password Weak
  • Field Match
Numeric
  • Number
  • Decimal
  • Currency
  • Positive / Negative
Date & Time
  • Date
  • Time
  • Datetime
  • Date Range
Financial
  • Credit Card (Luhn)
  • IBAN
Identity
  • NIF (Portugal)
  • VAT Number
  • Postal Code
Technical
  • IPv4 / IPv6
  • Hex Color
  • JSON
  • Custom Regex
Beautiful

4 Premium Themes

Ship with beautiful pre-built themes or customize every detail with CSS variables.

Minimal

Clean, underline-only inputs with subtle shadows.

Dark

Full dark mode with auto system preference detection.

Rounded

Pill-shaped inputs, badges, and playful aesthetics.

Glass

Glassmorphism with frosted blur and translucency.

Wizard

Multi-Step Forms

Built-in step wizard with per-step validation, progress indicators, and smooth transitions.

Multi-Step Wizard
Personal Information
Address Details
Confirmation
Please review your information and accept the terms.
Get Started

Quick Start

Add two files, write HTML attributes — done. No JavaScript initialization needed.

1 Include Files
<!-- CSS --> <link href="easy-validation.css" rel="stylesheet"> <!-- JS (after Bootstrap) --> <script src="easy-validation.js"></script>
2 Add Attributes
<form data-ev-form novalidate> <input type="email" data-ev-type="email" data-ev-required="true" data-ev-display="toast" /> <button type="submit">Submit</button> </form>
3 Optional: customize with JS
// Only if you need custom options EV.init({ display: 'toast', theme: 'glass', lang: 'en', animate: true, toastPosition: 'top-right' });
Explore

All Demo Pages

Dive deep into each feature with dedicated demo pages.

Why Choose Us

Key Features

Zero JS Setup

Just add data-ev-* attributes. Auto-initializes on page load.

ARIA Accessible

Full ARIA support with live regions, roles, and screen reader announcements.

5 Languages

English, Portuguese, Spanish, French, German — with easy extensibility.

Themeable

4 built-in themes plus full CSS custom property support for unlimited customization.

Lightweight

~15KB gzipped JS + CSS. No dependencies beyond Bootstrap 5.

API Ready

Full JS API: init, validate, reset, destroy, refresh, getErrors — all on window.EV.