CtrovalidateThe Modular Validation Suite

Isomorphic core logic. Platform-native controllers. Framework-headless hooks. Zero-dependency architecture with 100% logic coverage in v4.

Implementation Guide

Migration Blueprint

GitHub Source

🎯

Universal Logic Engine

Execute the same validation logic on Node.js, Edge, and Browser. Powered by @ctrovalidate/core.

🧩

Headless Adapters

Native hooks and actions for React, Vue, and Svelte that share the same high-performance core.

🛠️

Hybrid Schemas

Define logic in HTML with `data-rules` or via TypeScript objects for complex, multi-field business logic.

💬

Strategic Overrides

Precise control over feedback via field-level catch-alls and rule-specific overrides directly in the DOM.

♿

Automated A11Y

Industrial-grade management of `aria-invalid` and `aria-describedby` based on real-time engine state.

⚡

Async Reliability

Native AbortController integration ensures zero race conditions during high-frequency remote checks.

Declarative Integration. Technical Precision

Define validation rules and custom messages directly in your markup. The browser adapter orchestrates the DOM state while the core engine executes the logic.

html

<form id="auth-form" novalidate>
  <div class="field-group">
    <input 
      type="password" 
      name="user_password"
      data-ctrovalidate-rules="required|minLength:8"
      data-ctrovalidate-message="Password required"
      data-ctrovalidate-minLength-message="Must be at least 8 characters"
    />
    <div class="error-container"></div>
  </div>
</form>

javascript

import { Ctrovalidate } from '@ctrovalidate/browser';

// Initialize the controller
// Initialize transparently
const validator = new Ctrovalidate(
  document.getElementById('auth-form'), 
  { realTime: true }
);

// Programmatic trigger (Recommended)
const isValid = await validator.validate();

v3.0.2 Technical Specifications

Atomic Rules

Universal logic primitives

JSON

Schema Support

Object-based configuration

< 5KB

Minified Size

Zero runtime dependencies

100%

Logic Coverage

Strict logic verification

Ecosystem Support

The ecosystem provides specialized adapters for every modern development workflow.

Package	Purpose	Documentation
@ctrovalidate/core	Universal validation engine (Isomorphic)	API Ref
@ctrovalidate/browser	DOM-based controller (Post-v3 evolution)	API Ref
@ctrovalidate/react	Headless Hooks for React 18+	Reference
@ctrovalidate/vue	Composition API for Vue 3	Reference
@ctrovalidate/svelte	Reactive Stores for Svelte	Reference
@ctrovalidate/next	Server Action & FormData utilities	Reference

Next Steps

Restoring the standard of documentation you expect. Technical, reliable, and precise.

bash

npm install @ctrovalidate/browser

Implementation Guides · API Reference · Migration Blueprint