Guardian

JavaScript

フォームにバリデーションを実装できるjQueryプラグイン「Guardian」

Guardianはフォームにバリデーション機能を実装することができるjQueryプラグインです。フォーム内が空の時や間違った情報を入力している時にはエラーメッセージを表示させたりすることも可能です。

[ads_center]

Guardian

Guardian

Guardian

以下はベーシックなスタイルのバリデーション。

ベーシックなスタイル

空欄時や誤った情報の入力時には、こんな感じでエラーメッセージを出すこともできます。

エラーメッセージ

ボックス枠もエラーの時は赤で囲まれて正しい入力値の場合は緑で囲まれるので、瞬時に正否を判断できるのがいいですね。

デザインもスッキリしていて見やすいです。というわけで、jQueryを使ってフォーム入力でバリデーションを行うことができるGuardianのご紹介でした。

クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」前のページ

カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」次のページplainModal

関連記事

  1. Uglipop.js

    JavaScript

    軽量でミニマルなモーダルボックスを実装できる「Uglipop.js」

    Uglipop.jsは軽量でミニマル、カスタマイズ性にも優れたモーダル…

  2. jQuery Navobile
  3. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

  4. t-scroll

    JavaScript

    アニメーションとともにアイテムが一つずつ現れる「t-scroll」

    t-scrollはアニメーションとともにアイテムを一つずつ表示させるこ…

  5. Dependent / Cascading Select List with jQuery Select2

    JavaScript

    選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading S…

    セレクトボックスを強力でカスタマイズ性が高く、そして充実させる人気のj…

  6. Optiscroll

    JavaScript

    縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

    Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れた…

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP