テスト - パスワードの誤入力を減らす2

動作サンプル


※未適用

使い方

外部ファイルとして読み込む

<script type="text/javascript" src="js/passwordTextExtension.js"></script>

本JSを適用したいinput要素のクラス属性に"pwdExt"を指定する。

・対象となるinput要素は type="password" のみ
・対象とするクラス名はJSの設定値を編集することで変更可能
・対象とするinput要素には必ず id属性 を指定する 
<input type="password" name="password1" id="password1" class="pwdExt" />

javascriptの設定

jsファイル内の13～28行目付近にある設定値を編集することで、デザインや動作をある程度サイトに合わせることができる。

//-----------------------------------------
// 設定値
//-----------------------------------------
conf : {
	targetClass : 'pwdExt', // 対象とするクラス
	font : 'normal 1em inherit', // フォントのスタイル
	color : '#fff', // 文字色
	bgColor : '#000', // 背景色
	border : 'none', // 枠線
	speed : 50, // 文字を隠す速さ
	prefix : '_target'
},