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

関連記事

  1. parallax-background.js
  2. mgGlitch

    JavaScript

    グリッチ効果を付けれるjQueryプラグイン「mgGlitch」

    mgGlitchは、CSS3の変換を利用して指定した要素にアニメーショ…

  3. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

  4. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

  5. JavaScript

    レスポンシブに対応して画像をポップアップ表示してくれる素敵なjQueryプラグイン「fancyBox…

    とても有名なプラグインですが、今まで使ってみたことがなかったので試して…

  6. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP