Input Validation for Vue.js

Input Validation for Vue.js

A basic form input validation for Vue.js application.

Vue Validate

Latest Version on NPM Software License

Input validation for Vue 1.0

Install

You can install the package via yarn:

$ yarn add v-validate

If you use webpack:

Vue.use(require('v-validate'));

If you don't, just include 'v-validate.js' somewhere in your page.

Usage

Use the v-validate directive on your input. Example:

<input type="text" v-model="name" v-validate="{required: true, minLength: 5}">

Classes valid or invalid will be appended to the input.

See it in action

Play with the options in JSFiddle

Contributing

Contributions are welcome, thanks to y'all :)

About Appstract

Appstract is a small team from The Netherlands. We create (open source) tools for webdevelopment and write about related subjects on Medium. You can follow us on Twitter, buy us a beer or support us on Patreon.

License

The MIT License (MIT). Please see License File for more information.

Github Repository

Tags: #VueJs