Complexify

JavaScript

パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

Complexifyはユーザーが入力したパスワードの強さを視覚的にフィードバックしてくれるjQueryプラグインです。ユーザーにパスワードの品質を正確に伝えてくれるので、セキュリティを高める上でもユーザーにとってはありがたい機能ですね。

Complexify

デモ

「Password」と書かれた下にあるテキストボックスにパスワードを入力してみると、強度をあらわすバーとパーセンテージによる数値が表示されます。

バーはパスワードの強度が高くなると赤色から緑色に変化します。また、パーセンテージの数値もパスワードの強度の高さに比例して増えていきます。

簡単なパスワードほど覚えやすいものですが、セキュリティを高める上でもパスワードはより複雑にしておきたいところです。ユーザーのパスワード入力画面に、このようなパスワードの強さをフィードバックしてくれる機能を設置しておくことで、ユーザーのセキュリティに対する意識も高まりそうですね。

データの安全性を高める上でも、パスワードの強度をチェックできる機能はパスワード入力画面に必須の機能といえるのではないでしょうか?

というわけで、ユーザーが入力したパスワードの強さを視覚的にフィードバックしてくれる便利なjQueryプラグイン「Complexify」のご紹介でした。

Complexify

関連記事

  1. Bara-Bones-Slider

    JavaScript

    優れたカスタマイズ性を有するjQueryスライダー「Bara-Bones-Slider」

    Bara-Bones-Sliderは、優れたカスタマイズ性を有するイメ…

  2. Rate Yo!

    JavaScript

    星評価(レーティング)を簡単に実装できるjQueryプラグイン「Rate Yo!」

    Rate Yo!というjQueryプラグインを使えば、SVGを使った星…

  3. Horizon Swiper

    JavaScript

    スワイプやスクロール対応の軽量なjQueryプラグイン「Horizon Swiper」

    Horizon Swiperはスワイプやブラウザスクロールに対応したj…

  4. PrognRoll

    JavaScript

    スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」

    PrognRollはスクロールによるプログレスバーを表示することができ…

  5. Jqx-Media-Slider
  6. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP