A simple Vue form validation composable with Zod

This page summarizes the projects mentioned and recommended in the original post on dev.to

Civic Auth - Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com
featured
InfluxDB high-performance time series database
Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
influxdata.com
featured
  1. Yup

    Dead simple Object schema validation

    Sometimes our use case might not require a full-blown form validation library though and we might already have a schema validation library installed in our project such as Zod or Yup. In that case, a simple Vue composable is all that is needed to provide a great form validation UX.

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. zod

    TypeScript-first schema validation with static type inference

    Sometimes our use case might not require a full-blown form validation library though and we might already have a schema validation library installed in our project such as Zod or Yup. In that case, a simple Vue composable is all that is needed to provide a great form validation UX.

  4. vuelidate

    Simple, lightweight model-based validation for Vue.js

    The Vue ecosystem is packed with many great form validation libraries, VeeValidate, Vuelidate, and FormKit just to name a few.

  5. vee-validate

    ✅ Painless Vue forms

    The Vue ecosystem is packed with many great form validation libraries, VeeValidate, Vuelidate, and FormKit just to name a few.

  6. primevue

    Next Generation Vue UI Component Library

    Here is a Stackblitz showcasing the useValidation composable in action https://stackblitz.com/edit/vue-use-validation-composable?file=src%2FApp.vue. The form is using components from PrimeVue and includes fields for a user's profile information, featuring nested address details.

  7. formkit

    Vue Forms ⚡️ Supercharged

    The Vue ecosystem is packed with many great form validation libraries, VeeValidate, Vuelidate, and FormKit just to name a few.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • How do you chose your Nuxt/Vue form validation library?

    3 projects | /r/Nuxt | 21 May 2023
  • Rspack v1.1, BEST JavaScript Feature, New ESLint Features and more

    2 projects | dev.to | 10 Nov 2024
  • Best 5 Open Source Vue js Frameworks

    3 projects | dev.to | 7 Aug 2024
  • How to auto import Vue components

    2 projects | dev.to | 21 May 2024
  • Displaying multiple error messages on incorrect form entries with Vee-validate | Vue

    1 project | dev.to | 25 Apr 2024

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?