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. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

  2. no-image

    JavaScript

    マスクエフェクトが素敵なスライダー実装「Masked Circle Slider」

    Masked Circle Sliderは、円形のマスクエフェクトが素…

  3. Simply Modal Box
  4. Pagination.js

    JavaScript

    シンプルでさまざまなカスタマイズが可能な「Pagination.js」

    Pagination.jsはシンプルでさまざまなカスタマイズが可能なペ…

  5. JavaScript

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP