10 Best Vue Validate Component for Vue.js App
Vue validate component allows you to validate inputs and display errors. Here are 10 vue validate components for your vue.js application.
1. vue-nocaptcha
Aliyun No-Captcha on Vue.
What this do
- Use Aliyun noCAPTCHA in Vue
- Use noCAPTCHA locally, load fast!
- Support both Desktop and H5 noCAPTCHA
- Support full https request
- Support language switch
2. vue-native-starter-app
Vue Native Starter App with Login, News Feed and Sidebar using Vuelidate and Vuex.
3. vue-m-validator
Data Validation Library, for VueJs. Perhaps useful for other libraries/frameworks and other projects, but i created this library and using with VueJs with reactive data.
4. vue-drag-verify
This is a vue component, which is sliding to unlock some functionalities, such as login or sign up. This is used to protect your web app from attack.
5. Vuelidation
simple, powerful, vuejs validation.
6. Simple Vue Validator
Simple Vue validator is a lightweight yet flexible plugin for Vue.js 2.0 that allows you to validate input fields, and display errors. It watches changes of your model data, validates them and informs you with the validation result.
It supports the following features:
- Fully customized validation rules.
- Cross field validation.
- Async/ajax validation (with supports of loading indicator, result caching, debounced user input).
- Validating custom component.
- Dynamic form / multiple validation instances.
7. vue-rawmodel
This plugin integrates RawModel.js framework into your Vue.js application.
RawModel.js is a simple framework which provides a strongly-typed JavaScript object with support for validation and error handling. It has a rich API which significantly simplifies server-side and client-side data validation and manipulation. Because it’s an unopinionated framework it flawlessly integrates with popular modules like vuex, apollo-client and other related libraries.
8. vee-validate
vee-validate is a plugin for Vue.js that allows you to validate input fields, and display errors.
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. The errors will be automatically generated. The plugin offers many validations out of the box.
9. vue-validator
Validator component for Vue.js
10. Vuelidate
Simple, lightweight model-based validation for Vue.js 2.0
Features & characteristics:
- Model based
- Decoupled from templates
- Dependency free, minimalistic library
- Support for collection validations
- Support for nested models
- Contextified valdiators
- Easy to use with custom validators (e.g. Moment.js)
- Support for function composition
- Validates different data sources: Vuex getters, computed values, etc.
I hope you like them!
#vue #vue-validate #validate-vue #validate-component
