OSS探訪GitHubでログイン

既存formへrules・custom validator・ARIA連携を追加するclient-side validation plugin

スコアの見方

OSS規模スコアはStars・Watchers・Forks・Contributorsを対数圧縮して重み付けした現在の規模指標(上限なし)です。発掘スコアは現在のOSS規模スコアから発掘時点のOSS規模スコアを引いた値、更新ペースは直近30日Commit数、成長モメンタムは直近の観測期間におけるOSS規模スコア差、OSS健全度は取得できた更新状況・Community Health・Releaseの0〜100評価です。

Stars
10,317
主要言語
JavaScript
ライセンス
MIT
リポジトリ最終更新
2026/06/29
ページ内ナビ

概要

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.22.1はjQuery 1.x〜4.xをpeer rangeとして扱う

package metadataはjQuery ^1.7 || ^2.0 || ^3.1 || ^4.0をpeer dependencyに定義しています。

出典:[2]

1.22.1はname=idのinputを含むformで発生するTypeErrorを修正する

1.22.1 release/changelogはname="id"のinputを含むformで発生するTypeErrorの修正を記録しています。

出典:[3][4]

参考にした公式資料

  1. [1]jQuery Validation 1.22.1 README(2026-10-05)
  2. [2]jQuery Validation 1.22.1 package metadata(2026-10-05)
  3. [3]jQuery Validation 1.22.1 release(2026-10-05)
  4. [4]jQuery Validation changelog(2026-10-05)
  5. [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. 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. 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. 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)"
公式READMEで確認

成長

成長の推移 · 直近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で投稿できます。管理者が承認した後に公開されます。

情報の誤りを報告

掲載内容に誤りや古い情報があればお知らせください。

このページを読んで、次に何をすればよいか分かりましたか?