Easy Forms - Easy ValidationEasy Forms - Easy Validation
HTML5 data-attribute form validation for Bootstrap 5. No JavaScript setup. 20+ validators, 6 themes.Easy Forms - Easy Validation
HTML5 data-attribute form validation for Bootstrap 5. No JavaScript setup. 20+ validators, 6 themes.
Overview
Easy Forms, Easy Validation is a powerful, zero-configuration form validation plugin for Bootstrap 5. Validate any form using simple HTML data-ev-* attributes — no JavaScript coding required.
Features
- 20+ built-in validators: email, phone, date, credit card, NIF, URL, password strength, file upload, and more
- 6 display modes: inline, tooltip, popup (modal), toast, sidebar, summary
- 6 themes: default, dark, glass, minimal, rounded
- Multi-step form wizard with progress bar
- Conditional validation with
data-ev-if - Async/remote server-side validation
- Full i18n support (EN, PT, ES, FR, DE included)
- WCAG-accessible: ARIA attributes, prefers-reduced-motion, focus-visible, live regions
- Lightweight vanilla JS (ES6+), no dependencies beyond Bootstrap 5.3+
- Fully documented with 14 live demos
Requirements
TECHNICAL REQUIREMENTS
======================
SERVER:
• Any web server (Apache, Nginx, IIS, Node.js, etc.)
• No server-side language required (works with PHP, ASP.NET, Node.js, or static HTML)
BROWSER SUPPORT:
• Chrome 90+
• Firefox 88+
• Safari 14+
• Edge 90+
• Modern mobile browsers (iOS Safari 14+, Chrome Mobile 90+)
DEPENDENCIES:
• Bootstrap 5.3.x or higher (required)
• Bootstrap Icons 1.11.x (optional, for demo styling only)
OPTIONAL:
• For source editing: Node.js 18+ with npm (to rebuild from SCSS/JS sources)
• Sass compiler (if modifying SCSS themes)
WHAT'S INCLUDED:
• Minified & unminified JS/CSS
• 4 optional theme CSS files
• 5 language JSON files
• 14 demo HTML pages
• 8-page HTML documentation
• Full source code (SCSS + modular JS)
• Build configuration (Rollup + PostCSS)
FILE SIZE:
• JS: ~42KB minified (~12KB gzipped)
• CSS: ~8KB minified (~2KB gzipped)
• Total footprint: ~50KB minified, ~14KB gzipped
Instructions
INSTALLATION & USAGE GUIDE
==========================
1. EXTRACT FILES
Unzip the package and copy the "dist" folder to your project.
2. INCLUDE FILES IN YOUR HTML
Add these lines to your HTML, after Bootstrap 5.3+:
data-ev-type="email"
data-ev-required="true">
Submit
Other items by this author
| Category | Scripts & Code / JavaScript / Forms |
| First release | 13 May 2026 |
| Last update | 13 May 2026 |
| Files included | .css, .html, Javascript .js |
| Tags | responsive, bootstrap, html5, Themes, form, accessibility, bootstrap-5, i18n, form-validation, data-attributes, vanilla-js, validator, multi-step |








