Trivule

Simple form validation using HTML attributes. Define rules directly in your markup for easy, framework-agnostic validation.

Introduction

Trivule is a lightweight JavaScript library for form validation using simple HTML attributes. It allows you to define validation rules directly in your markup, making it easy to integrate without heavy JavaScript configurations.

Quick Start

<script>
	import { Trivule } from 'trivule';

	Trivule.init();
</script>

<form @v:form>
	<input type="text" @v:rules="required|int|min:18" name="age" />
	<button @v:submit>Submit</button>
</form>

Trivule parses the @v:rules attribute, validates on form submit or input events, and displays error messages.

Features

• Attribute-based rules: Use @v:rules for validations like required, email, min:18, etc.
• Debounced validation: Built-in support for debouncing validation triggers (critical for async validation).
• Zero dependencies: Pure vanilla JavaScript.
• Customizable: Easily extend rules and error messages.

Installation

npm install trivule@2.1.1-alpha.1

For more details, see the Rules documentation.