Basic form validation plugin for Vue3

Features

• ValidationObserver and ValidationProvider components
• Method $refs[''].validate()
• Personnaliser les règles de validation
• Localisation des messages d'erreur
• Add classes automatically depending on the state of the field
• Triggers de validation : "input", "blur" du form. (modes de validation : aggressive pour l'event "input", event "blur" pour que ce soit moins vénère)
• ValidationObserver (un formulaire) : method .validate (valider tous les champs), .reset (reset les erreurs), .setErrors (défini une errreur)), slot avec des flags "invalid","dirty","pristine","touched", la liste des erreurs "errors" sous forme de collection {"nomDuChamp":["Erreur 1","Erreur 2"]}, la methode handleSubmit dans le slot qui prend une fonction en paramètre : <form @submit.prevent="handleSubmit(onSubmit)"
• ValidationProvider (un champ) : props "rules" (object), name of the field, flags (invalid, dirty), la liste des erreurs du champ ["Erreur 1","Erreur 2"]

-règles de validation natives: {required, email, max, min, regex, alpha, alpha_num, length, size, min_value, max_value, is, is_not}

Documentation

v-form-validation

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint