Vue Form Components With Server Side Validation – formvuelar

FormVuelar is a set of predefined vue form components which are designed to automatically display errors coming back from your backend. It works out of the box with the error message bag that is returned by Laravel when submitting an ajax form.

Features:

  • Axios integration
  • Select with search
  • File upload support including process indicator
  • Dropzone with image preview (inspired by FilePond)
  • Display validation error messages from error response

Preview:

Vue Form Components With Server Side Validation - formvuelar

Changelog:

v1.8.6 (05/10/2022)

  • If the option key was different to the option value unselecting tags always removed the last tag instead of the selected one.

v1.8.5 (08/10/2022)

  • update dependency

v1.8.4 (08/10/2022)

  • fix parent scroll issue

v1.8.2 (04/28/2022)

  • Add support for nested objects in arrays when using multipart forms.

v1.8.1 (04/22/2022)

  • Dependencies updated

v1.7.0 (12/04/2021)

  • style fixes

v1.6.16 (08/19/2021)

  • add value field to checkbox

Download Details:

Author: janiskelemen

Live Demo: https://janiskelemen.github.io/formvuelar/

Download Link: https://github.com/janiskelemen/formvuelar/archive/master.zip

Official Website: https://github.com/janiskelemen/formvuelar

Install & Download:

# NPM
$ npm install formvuelar --save

Add Comment