https://github.com/dobromir-hristov/vuelidate-error-extractor

Vuelidate form-group helper that extracts errors easily.
https://github.com/dobromir-hristov/vuelidate-error-extractor

bootstrap3 foundation6 validation vue vue-i18n vue2 vuei18n vuelidate vuelidate-error-extractor

Last synced: 3 days ago
JSON representation

Vuelidate form-group helper that extracts errors easily.

• Host: GitHub
• URL: https://github.com/dobromir-hristov/vuelidate-error-extractor
• Owner: dobromir-hristov
• License: mit
• Created: 2017-08-08T11:34:29.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T17:06:28.000Z (almost 2 years ago)
• Last Synced: 2024-05-21T11:36:08.668Z (6 months ago)
• Topics: bootstrap3, foundation6, validation, vue, vue-i18n, vue2, vuei18n, vuelidate, vuelidate-error-extractor
• Language: JavaScript
• Homepage: https://dobromir-hristov.github.io/vuelidate-error-extractor/
• Size: 6.16 MB
• Stars: 137
• Watchers: 3
• Forks: 15
• Open Issues: 32
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  



Vuelidate Error Extractor




 

 





**Vuelidate-error-extractor** makes error message display from vuelidate a breeze. Be it for a single form element or all displaying all the errors in a form.

## Key features

* :rocket: **Easy** to use

* :boom: **Flexible** - can be tailored to fit your needs

* :fire: **Optional templates** - yey **mixins** and **slots**!!!

* :punch: **No extra styling** mucking your own

* :muscle: **Tested**

Error messages can be styled to fit either [Foundation 6](http://foundation.zurb.com/sites/docs/forms.html), [Bootstrap 3](https://getbootstrap.com/docs/3.3/css/#forms) and [Bootstrap 4](https://getbootstrap.com/docs/4.1/components/forms/#server-side) styles out of the box, or can be totally customized via your own custom templates.

Vuelidate-error-extractor is also able to work with [vue-i18n](https://github.com/kazupon/vue-i18n) or any vue translation plugin as long as it exposes a `$t` function to the Vue prototype. We also support predefining custom validation messages for all components and overriding them per component.

## Example

See the Pen Vuelidate Error extractor Usage Example

## Upgrade Guide

Version 2 added some breaking changes. Instead of reaching into templates directly for the predefined templates, 

you need to go into either `templates.singleErrorExtractor` or `templates.multiErrorExtractor`. Everything else is backwards compatible.

```js

import VuelidateErrorExtractor, { templates } from 'vuelidate-error-extractor'

Vue.use(VuelidateErrorExtractor, {

  template: templates.singleErrorExtractor.foundaton6

})

```

## Documentation

Documentation and examples can be found at http://dobromir-hristov.github.io/vuelidate-error-extractor/

## Changelog

Detailed changes for each release are documented in the [CHANGELOG.md](https://github.com/dobromir-hristov/vuelidate-error-extractor/blob/development/CHANGELOG.md).

## Issues

Please make sure to read the [Issue Reporting Checklist](https://github.com/dobromir-hristov/vuelidate-error-extractor/blob/development/CONTRIBUTING.md#issue-reporting-guidelines) before opening an issue. Issues not conforming to the guidelines may be closed immediately.

## Contribution

Please make sure to read the [Contributing Guide](https://github.com/dobromir-hristov/vuelidate-error-extractor/blob/development/CONTRIBUTING.md) before making a pull request.

## License

[MIT](http://opensource.org/licenses/MIT)