VeeValidateとは？Vue Form Validation

ページ内ナビ

概要

VeeValidate 4.15.1はVue向けのform validation libraryです。field値、error、touched/dirty state、submit処理、同期・非同期validationを管理し、native inputや任意のUI componentへ組み合わせられます。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：2026-10-05

主な特徴

useForm/useFieldでformとfieldのreactive stateを管理する

Composition APIからfield value、errors、validation state、submit処理を扱え、form logicをcomponent内の個別実装から分離できます。

出典：[1][2]

field-level・form-level・同期・非同期validationを選べる

READMEはsynchronous/asynchronous、field-level/form-level validationに対応し、UI libraryへ依存しないことを主要featureとして示しています。

出典：[1]

向いている用途

Vueの入力画面でvalidationとerror stateを一貫管理したい場合に向く

signup、checkout、admin formなど入力項目が増える画面で、validation rule、error表示、submit stateを統一したいprojectに適します。

出典：[1]

導入前の確認

4.15.1はVue ^3.4.26を要求する

vee-validate 4.15.1のpeer dependencyはVue ^3.4.26です。既存Vue 3 projectではlockfileの解決versionを確認してください。

出典：[2]

4.15.1はobject equalityとValibot型推論周辺を修正する

4.15.1ではobject比較前のnormalize、Valibot intersection、variantのrequired推論、error object typeなどが修正されています。schema連携を使う場合は型とruntimeの両方を回帰確認できます。

出典：[3]

参考にした公式資料

[1]VeeValidate v4.15.1 README(2026-10-05)
[2]vee-validate 4.15.1 package metadata(2026-10-05)
[3]VeeValidate v4.15.1 release(2026-10-05)
[4]VeeValidate MIT license(2026-10-05)

編集部からの補足

VeeValidate 4.15.1はVue ^3.4.26をpeer dependencyとして要求します。validation schema連携では利用するadapter/packageと型推論の組み合わせも合わせて確認してください。

3ステップで試す

1
VeeValidate 4.15.1とVue 3.5.43を固定して導入する
一時npm projectへreview対象のVeeValidateと互換Vueを固定して導入します。
demo=$(mktemp -d "${TMPDIR:-/tmp}/vee-validate.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact vee-validate@4.15.1 vue@3.5.43
2
package versionを確認する
VeeValidateとVueが想定versionで解決されていることを確認します。
test "$(node -e "const fs=require('fs'); const v=p=>JSON.parse(fs.readFileSync(p)).version; console.log(v('node_modules/vee-validate/package.json')+'/'+v('node_modules/vue/package.json'))")" = '4.15.1/3.5.43'
3
主要form APIのexportを確認する
DOMを起動せず、Composition APIとcomponent APIの代表exportを確認します。
test "$(node --input-type=module -e "import * as V from 'vee-validate'; console.log(['useForm','useField','Form','Field'].every(k=>k in V))")" = 'true'

公式READMEで確認

成長

成長の推移 · 直近30日

11,263 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit（直近30日）: 0
Open PR: 35

開発アクティビティを蓄積中です。

Built with

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHubで見る

GitHub Topics

vue
validation
validate
vuejs
vee-validate
vue2
validator
validations
validation-library
hacktoberfest
form
form-validation

Stars: 11,263
Forks: 1,298
Watchers: 114
Open Issues: 137
Contributors: 365
所有者種別: User
主要言語: TypeScript
ライセンス: MIT
リポジトリ最終更新: 2026/03/04