Guardian

JavaScript

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

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

[ads_center]

Guardian

Guardian

Guardian

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

ベーシックなスタイル

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

エラーメッセージ

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

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

関連記事

  1. EasyFader Plugin Demo

    JavaScript

    レスポンシブ対応で軽量なフェードスライドショーを実装する「EasyFader Plugin Demo…

    シンプルなフェードアニメーションによるスライドショーを実装することがで…

  2. Schedule Template

    JavaScript

    シンプルなスケジュール表を実装する「Schedule Template」

    スッキリしたデザインのシンプルなスケジュールテンプレートを実装するため…

  3. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  4. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  5. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  6. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP