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

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

Guardian

Guardian

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

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

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

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

feedlyに登録する

← feedlyに登録するとbl6.jpの最新記事をいち早く受け取ることができます。