@vee-validate/rules

@vee-validate/rules

Common Laravel-Like rules module for vee-validate

What's this

VeeValidate v4 breaks up the parts that made it a popular solution for form validation into it isolated parts. The core vee-validate package no longer includes the rules that came by default in previous releases, the built-in rules were rebranded as global validators,

This is where this package comes in, It includes the most common validators you will use in most of your applications, vee-validate allows you to express global rules just like Laravel's validation syntax.

Installation

yarn add @vee-validate/rules

# or with npm
npm install @vee-validate/rules

Usage

Use the defineRule function from vee-validate core library to add rules exported by this library:

import { defineRule } from 'vee-validate';
import { required, email, min } from '@vee-validate/rules';

defineRule('required', required);
defineRule('email', email);
defineRule('min', min);

Or you can globally define all the available rules in the @vee-validate/rules package:

import { defineRule } from 'vee-validate';
import * as rules from '@vee-validate/rules';

Object.keys(rules).forEach(rule => {
  defineRule(rule, rules[rule]);
});

Available Rules

• alpha
• alpha_dash
• alpha_num
• alpha_spaces
• between
• confirmed
• digits
• dimensions
• email
• excluded
• ext
• image
• one_of
• integer
• is
• is_not
• length
• max
• max_value
• mimes
• min
• min_value
• numeric
• regex
• required
• required_if
• size

For more information about each rules, check the documentation for global validators

Credits

• Inspired by Laravel's validation syntax

Changelog

4.13.0

Minor Changes

• 454bc45: fix: force resetForm should not merge values closes #4680 closes #4729
• 27fe5c8: feat: provide form values as context for yup closes #4753

Patch Changes

• ae3772a: feat: expose setValue on Field instance and slot props closes #4755
• fd008c1: feat: added ResetFormOpts arg to useResetForm closes #4707