Checkify

JavaScript

軽量でカスタマイズ性も高いjQueryバリデーションプラグイン「Checkify」

Checkifyは軽量でカスタマイズ性も高いバリデーション機能を実装できるjQueryプラグインです。フォームに入力された値をしっかり検証してくれるので、ユーザーに何かを入力させる時に活用できますね。

Checkify

デモ

デモでは「Your favorite color」と「Your age」と書かれた2つのテキストボックスが設置されていて、ここに適正な値を入力することでその下にある「Submit」を実行できる仕組みになっています。

左側のボックスには好きなカラー値(例えば「#ffffff」など)を、右側のボックスには年齢なので数値を入力すればOKです。例えば、年齢を入力するボックスに文字を入力して「Submit」をクリックすると、ボックスが赤枠に囲まれてその下に「Please enter a valid number.」という注意文が表示されます。

このように入力されたものが適切な値かどうかをしっかり検証してくれるので、ユーザーの入力ミスも減りそうですね。

オプションも豊富に用意されているので、カスタマイズしたい人にも最適です。

というわけで、軽量で優れたカスタマイズ性を備えたjQueryバリデーションプラグイン「Checkify」の紹介でした。ライセンスはMITになります。

Checkify

no-imageスライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」前のページ

軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」次のページno-image

関連記事

  1. P-Loading

    JavaScript

    パワフルなローディングマスクを実装できるjQueryプラグイン「P-Loading」

    P-Loadingは、パワフルなローディングマスクを手軽に実装すること…

  2. no-image

    JavaScript

    背景にスクロールエフェクトを実装する「Physics-Based Background Scroll…

    背景に美しいスクロールエフェクトを実装する「Physics-Based…

  3. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた

    jQueryでHTML要素を追加するメソッドが色々あるので整理するため…

  5. floatThead

    JavaScript

    テーブルのヘッダーを固定できるjQueryプラグイン「floatThead」

    floatTheadはテーブルのヘッダーを固定することができるjQue…

  6. jquery.stepper.js

    JavaScript

    マウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」

    jquery.stepper.jsは、マウス操作から手軽に値の増減を行…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP