CtrovalidateModern Form Validation for the Web.

Lightweight, accessible-by-default, and zero-dependency. Define rules in HTML, handle the rest in JS.

Get Started

View on GitHub

🎛️

HTML-First API

Use `data-ctrovalidate-rules` to define validation directly on your inputs. Keep logic clean and readable.

♿

Native Accessibility

Automatically manages `aria-invalid` and `aria-describedby` states, ensuring your forms are usable by everyone.

🚀

Tiny & Fast

Under 5KB gzipped with zero dependencies. Performance you can feel, without the bloat.

🧩

Fully Extensible

Build custom sync or async rules with a simple, powerful API. Perfect for unique business logic.

🔄

Modern Frameworks

Seamlessly integrates with React, Vue, Svelte, and Alpine.js with hydration-safe patterns.

🛡️

Production Ready

Built-in support for conditional validation, field dependencies, and real-time feedback loops.

Declarative. Reliable. Accessible.

Validation shouldn't be a chore. Ctrovalidate allows you to describe what you want, leaving the how to us.

html

<!-- Define rules directly in HTML -->
<input 
  type="email" 
  name="user_email"
  data-ctrovalidate-rules="required|email"
  data-ctrovalidate-on="input" 
/>

<!-- Errors are handled automatically -->
<div class="error-container"></div>

javascript

import { Ctrovalidate } from 'ctrovalidate';

// One line to initialize
const validator = new Ctrovalidate(document.querySelector('form'));

// Promise-based validation
const isValid = await validator.validate();

Works with your favorite tools

Ctrovalidate is tool-agnostic and designed to fit perfectly into your existing stack.

Frameworks	Styles	Tools
Next.js / React	Tailwind CSS	Vite / Webpack
Nuxt / Vue.js	CSS Modules	TypeScript
SvelteKit / Svelte	Vanilla CSS	JSDoc
Alpine.js / HTMX	Bootstrap	Rollup / Esbuild

Ready to build better forms?

Join developers building accessible and performant web applications with Ctrovalidate.

Get Started in 5 Minutes · Browse API Reference