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. Effect Ideas for Card Stacks
  2. Multi-level push menu
  3. mgGlitch

    JavaScript

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

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

  4. jquery-calendar

    JavaScript

    レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」

    jquery-calendarはレスポンシブに対応したスケジュール管理…

  5. Tabslet

    JavaScript

    jQueryプラグインでタブ機能が実装できる「Tabslet」

    TabsletというjQueryプラグインを使えばWebサイトにタブ機…

  6. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP