# monterail/vuelidate

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/monterail-vuelidate).**

6,889 stars · 486 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/monterail/vuelidate
- Homepage: https://vuelidate-next.netlify.app/
- awesome-repositories: https://awesome-repositories.com/repository/monterail-vuelidate.md

## Description

Vuelidate is a model-based validation engine and form validation library for Vue.js applications. It functions as a state validator that checks data models and input fields against defined rules to ensure data consistency and correctness.

The library provides tools for form state management, allowing developers to track the modified status of fields and extract specific validation errors. It enables control over validation timing, such as deferring the evaluation of rules until a user interaction occurs.

The system covers a broad range of client-side data validation capabilities, including reactive state tracking and the use of a rule-based logic engine to process validation functions.

## Tags

### Web Development

- [Client-Side Input Validators](https://awesome-repositories.com/f/web-development/client-side-input-validators.md) — Provides client-side validation to ensure data integrity and provide immediate feedback before submission.
- [Data Validation](https://awesome-repositories.com/f/web-development/data-validation.md) — Validates data models and input payloads against defined rules to ensure interface consistency. ([source](https://github.com/monterail/vuelidate#readme))
- [Form State Management](https://awesome-repositories.com/f/web-development/form-state-management.md) — Manages the entire form lifecycle, including input values, modified status, and validation states.
- [Reactive Dependency Triggers](https://awesome-repositories.com/f/web-development/reactive-state-management/reactive-dependency-triggers.md) — Automatically triggers validation updates by monitoring changes in Vue's reactive state system.
- [Form Validation](https://awesome-repositories.com/f/web-development/vue-development/form-validation.md) — Implements a comprehensive form validation system specifically designed for the Vue.js ecosystem.
- [Vue.js Validation Libraries](https://awesome-repositories.com/f/web-development/vue-js-validation-libraries.md) — Provides a specialized library for validating data models and input fields within Vue.js applications.
- [Real-time Validation](https://awesome-repositories.com/f/web-development/form-validation/real-time-validation.md) — Provides control over whether validation occurs in real-time during input or is deferred. ([source](https://github.com/monterail/vuelidate#readme))

### Software Engineering & Architecture

- [Validation Rule Engines](https://awesome-repositories.com/f/software-engineering-architecture/contextual-validation-rules/dynamic-validation-rules/validation-rule-engines.md) — Processes independent validation functions returning booleans or promises to determine data validity.
- [Cross-State Validation](https://awesome-repositories.com/f/software-engineering-architecture/schema-based-state-validation/cross-state-validation.md) — Evaluates state objects and cross-field dependencies to determine overall data validity. ([source](https://github.com/monterail/vuelidate#readme))
- [Model-Based State Validation](https://awesome-repositories.com/f/software-engineering-architecture/schema-based-state-validation/model-based-state-validation.md) — Implements a model-based engine to ensure state objects meet specific consistency and correctness requirements.
- [Model-Based Validation Engines](https://awesome-repositories.com/f/software-engineering-architecture/schema-based-state-validation/model-based-validation-engines.md) — Functions as a model-based validation engine that ensures data consistency and correctness across state objects.
- [Validation Trigger Controls](https://awesome-repositories.com/f/software-engineering-architecture/function-execution-utilities/delayed-execution-utilities/validation-trigger-controls.md) — Allows developers to defer validation until specific events, such as blur or form submission.
- [Composition API Integrations](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/layering-presentation/application-layer-architectures/state-management-architectures/reactive-composition-patterns/composition-api-integrations.md) — Provides integration with the Vue composition lifecycle to wrap validation logic into reusable functions.
- [Validation Error Handlers](https://awesome-repositories.com/f/software-engineering-architecture/validation-error-handlers.md) — Enables the extraction and customization of specific error messages and invalid states for fields. ([source](https://github.com/monterail/vuelidate#readme))

### User Interface & Experience

- [Vue.js State Validators](https://awesome-repositories.com/f/user-interface-experience/vue-js-form-component-suites/vue-js-state-validators.md) — Tracks the modified status of form fields and extracts validation errors from Vue.js components.
- [Field State Metadata](https://awesome-repositories.com/f/user-interface-experience/field-customization/field-state-metadata.md) — Tracks field metadata such as touched status to manage when validation errors are surfaced. ([source](https://github.com/monterail/vuelidate#readme))
- [Interaction State Management](https://awesome-repositories.com/f/user-interface-experience/functional-components/higher-order-components/interaction-state-management.md) — Tracks field interaction states to synchronize the display of validation errors with user activity.

### Part of an Awesome List

- [Form Management](https://awesome-repositories.com/f/awesome-lists/devtools/form-management.md) — Lightweight, model-based validation library.