@zaalbarxx/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

1yarn add @zaalbarxx/vee-validate-rules
2
3# or with npm
4npm install @zaalbarxx/vee-validate-rules

Usage

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

1import { defineRule } from '@zaalbarxx/vee-validate';
2import { required, email, min } from '@zaalbarxx/vee-validate-rules';
3
4defineRule('required', required);
5defineRule('email', email);
6defineRule('min', min);

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

1import { defineRule } from '@zaalbarxx/vee-validate';
2import * as rules from '@zaalbarxx/vee-validate-rules';
3
4Object.keys(rules).forEach(rule => {
5  defineRule(rule, rules[rule]);
6});

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