ページ内ナビ
概要
jQuery Validation Plugin 1.22.1は既存HTML formへclient-side validationを追加するjQuery pluginです。validate()を起点にrulesやcustomizationを設定でき、normalizerやerrorElementを使って入力前処理とaccessibility向けerror markupも調整できます。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日:
主な特徴
formへvalidate()を適用してvalidationを追加する
READMEはjQueryとpluginを読み込み、formに対してvalidate()を呼ぶ基本構成を示しています。既存markupへの追加量を抑えてvalidationを導入できます。
出典:[1]
rules・custom method・normalizerでapplication固有の入力条件へ合わせる
READMEはbuilt-in patternの調整やcustom method、valueをvalidation前に変換するnormalizerを案内しています。
出典:[1]
errorElementとARIA属性でscreen reader向け出力を調整する
errorElementを指定すると、pluginはerror elementとinputをaria-describedbyで関連付ける構成を取れます。
出典:[1]
向いている用途
既存jQuery formのvalidationを共通化したい場合に向く
formごとのrequired判定やmessage制御を共通pluginへ寄せ、既存jQuery codeを維持しながらvalidation behaviorを揃えたい用途に適します。
出典:[1]
導入前の確認
参考にした公式資料
- [1]jQuery Validation 1.22.1 README(2026-10-05)
- [2]jQuery Validation 1.22.1 package metadata(2026-10-05)
- [3]jQuery Validation 1.22.1 release(2026-10-05)
- [4]jQuery Validation changelog(2026-10-05)
- [5]jQuery Validation MIT license(2026-10-05)
編集部からの補足
1.22.1はjQuery ^1.7 / ^2.0 / ^3.1 / ^4.0をpeer dependencyとして扱います。client-side validationだけで入力の正当性やsecurityを保証せず、server-side validationと併用してください。
3ステップで試す
- 1
jQuery Validation 1.22.1とjQuery 4.0.0を固定して導入する
一時npm projectへreview対象pluginとjQuery 4.0.0を固定して導入します。
demo=$(mktemp -d "${TMPDIR:-/tmp}/jquery-validation.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact jquery-validation@1.22.1 jquery@4.0.0 - 2
package versionを確認する
jQuery ValidationとjQueryが想定versionで解決されていることを確認します。
test "$(node -e "const fs=require('fs');const v=p=>JSON.parse(fs.readFileSync(p)).version;console.log(v('node_modules/jquery-validation/package.json')+'/'+v('node_modules/jquery/package.json'))")" = '1.22.1/4.0.0' - 3
配布bundleとjQuery 4 peer対応を確認する
browserを起動せず、main/additional bundleとjQuery 4 peer rangeを確認します。
test -f node_modules/jquery-validation/dist/jquery.validate.js && test -f node_modules/jquery-validation/dist/additional-methods.js && node -e "const p=require('./node_modules/jquery-validation/package.json');if(!p.peerDependencies.jquery.includes('^4.0'))process.exit(1)"
成長
成長の推移 · 直近30日
10,317 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit(直近30日)
- 0
- Open PR
- 17
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
カテゴリ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
GitHub Topics
- jquery
- javascript
- jquery-validation
- inline-validation
- Stars
- 10,317
- Forks
- 2,700
- Watchers
- 442
- Open Issues
- 25
- Contributors
- 206
- 所有者種別
- Organization
- 主要言語
- JavaScript
- ライセンス
- MIT
- リポジトリ最終更新
- 2026/06/29
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- React250,891 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
コンポーネントを組み合わせてWeb・ネイティブUIを構築するJavaScriptライブラリ
JavaScript - Airbnb JavaScript Style Guide148,304 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
JavaScriptの記述規約をESLint shared configとセットで導入し、teamのcode styleを統一する
JavaScript - Svelte88,287 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
componentをcompile時に効率的なJavaScriptへ変換し、runesでreactive UIを記述する
JavaScript - Prettier52,344 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
codeをparseして一貫したstyleへ再出力するopinionated formatter
JavaScript - Day.js48,664 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
日時の解析・整形・計算を、軽量でイミュータブルなMoment.js互換APIで扱うJavaScriptライブラリ
JavaScript - Fastify37,232 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
Node.js向けWeb/APIサーバーを低オーバーヘッド、プラグイン、JSON Schema検証、Pinoログで構築する
JavaScript
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。