vee-validate 0,5 travis-ci Bower npm

Simple VueJS input validation plugin


codecov Build Status Codacy Badge

vee-validate is a lightweight plugin for Vue.js that allows you to validate input fields, and display errors.

What makes it different is: You don’t have to do anything fancy in your app, most of the work goes into the html, You only need to specify for each input what kind of validators should be used when the value changes. You will then get informed of the errors for each field.

Although most of the validations occur automatically, you can use the validator however you see fit. The validator object has no dependencies and is a standalone object. This plugin is built with localization in mind. and currently there are over 20 validation rules available in the plugin. Read the docs for more info.

This plugin is inspired by PHP Framework Laravel’s validation.



npm install vee-validate --save

or if you are using Vue 2.0:

npm install [email protected] --save


Vue 1.0:

bower install vee-validate#1.0.0-beta.8 --save

Vue 2.0:

bower install vee-validate#2.0.0-beta.13 --save


vee-validate is also available on jsdelivr cdn:

Vue 1.0:

<script src=""></script>

Vue 2.0:

<script src=""></script>

Or select whatever version you would like to use.

Getting Started

In your script entry point:

import Vue from 'vue';
import VeeValidate from 'vee-validate';


Now you are all setup to use the plugin.


Just apply the v-validate directive on your input and a rules attribute which is a list of validations separated by a pipe, for example we will use the required and the email validators:

<input v-validate data-rules="required|email" type="text" name="email">

Now every time the input changes, the validator will run the list of validations from left to right, populating the errors helper object whenever an input fails validation.

To access the errors object (in your vue instance):

// or
this.errors; // injected into $data by the plugin, you can customize the property name.

Of course there is more to it than that, refer to the documentation for more details about the rules, and usage of this plugin.


Read the documentation and demos.


You are welcome to contribute to this repo with anything you think is useful. fixes are more than welcome. However if you are adding a new validation rule, it should have multiple uses or as generic as possible.

You can find more information in the contribution guide.


license MIT

Related Repositories



Simple VueJS input validation plugin ...



Vue 2.0 boilerplate,based on webpack and es6,includes vuex,vue-router,vue-resource, vee-validate ...



vee-validate documentation ...

Top Contributors

logaretm edbizarro ClaudioEyzaguirre aljaydavids ionut-tanasa anttisand hootlex kayschima gig3m rousos87 thierrymichel Woutje99 imcvampire


package version
dev babel-jest ^20.0.3
babel-preset-es2015 ^6.24.1
cross-env ^5.0.1
eslint ^4.1.1
eslint-config-standard ^10.2.1
eslint-plugin-import ^2.6.1
eslint-plugin-node ^5.1.0
eslint-plugin-promise ^3.5.0
eslint-plugin-standard ^3.0.1
jest ^20.0.4
moment ^2.18.1
regenerator-runtime ^0.10.5
rollup ^0.43.0
rollup-plugin-buble ^0.15.0
rollup-plugin-commonjs ^8.0.2
rollup-plugin-node-resolve ^3.0.0
rollup-plugin-replace ^1.1.1
uglify-js ^3.0.23
validator ^7.2.0
vue ^2.4.2
peer vue >= 2.2.0


-   2.0.0-beta.13 zip tar
-   2.0.0-beta.12 zip tar
-   2.0.0-beta.11 zip tar
-   2.0.0-beta.10 zip tar
-   2.0.0-beta.9 zip tar
-   2.0.0-beta.8 zip tar
-   2.0.0-beta.7 zip tar
-   2.0.0-beta.6 zip tar
-   2.0.0-beta.5 zip tar
-   2.0.0-beta.4 zip tar
-   2.0.0-beta.3 zip tar
-   2.0.0-beta.2 zip tar
-   2.0.0-beta.1 zip tar
-   1.0.0-beta.8 zip tar
-   1.0.0-beta.7 zip tar
-   1.0.0-beta.6 zip tar
-   1.0.0-beta.5 zip tar
-   1.0.0-beta.4 zip tar
-   1.0.0-beta.3 zip tar
-   1.0.0-beta.2 zip tar
-   1.0.0-beta.1 zip tar
-   1.0.0-beta.0 zip tar
-   0.9.3 zip tar
-   0.9.2 zip tar
-   0.9.1 zip tar
-   0.9.0 zip tar