Guardian

JavaScript

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

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

[ads_center]

Guardian

Guardian

Guardian

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

ベーシックなスタイル

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

エラーメッセージ

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

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

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

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

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP