Complexify

JavaScript

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

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

Complexify

デモ

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

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

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

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

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

Complexify

Mobilepopup軽量でモバイルにも最適なポップアップウィンドウを実装できる「Mobilepopup」前のページ

iOSのようなピッカーを実装できるJSライブラリ「Picker」次のページPicker

関連記事

  1. Naver

    JavaScript

    シンプルですごくいい!レスポンシブに合うナビゲーションのjQueryプラグイン「Naver」

    NaverというjQueryプラグインがすごくシンプルでよかったのでご…

  2. jquery.simple-scroll-follow
  3. Kerning.js

    JavaScript

    文字間のカーニングや一部の色を変えたりできるjQueryプラグイン「Kerning.js」

    文字間のカーニングや一部の文字の色を変えたりできるjQueryプラグイ…

  4. FlexNav

    JavaScript

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

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

  5. Animated Toggle Menu

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP