JavaScript で Login/Password

ユーザーごとの ログイン/パスワード/テキスト の表

※IDとPasswordはユーザーが任意に決定できます。

ログインできるかどうかテスト

※試しに login に "Foo" , password に "hoge" とか "mage" とか 入れてみてください。
※成功すると、"secret/index.html" とアラートがでます。

HTMLソース

<script type="text/javascript" src="md5.js"></script>
<script type="text/javascript" src="des.js"></script>
<script type="text/javascript" src="login.js"></script>
<form action="" method="get">
    <dl>
        <dt>login</dt>
        <dd><input type="text" name="login" value="" /></dd>
        <dt>password</dt>
        <dd><input type="password" name="pass" value="" /></dd>
    </dl>
    <div class="submit">
        <input type="button" value="login ?" onclick="login_from_form(this.form)" />
    </div>
</form>
	

HTMLソースの説明

md5.js, des.js (HTML 1-2行目)

JSファイル md5.js, des.js は、どちらも、
Izumo >> 高度な JavaScript 技集 > md5.js
からダウンロードしてきます。

これらのファイルの中身は変えてはいけません。

login.js (HTML 3行目)

login.js (「対象をファイルに保存」でダウンロードしてください)

このファイルの中身を実際に変えて作っていきます。

JavaScriptソース (login.js)

login.js の中を参考にしてください。

JavaScriptソースの説明 (login.js)

login/pass/text list (login.js 1行目)

そのユーザーの ログインID(login) と MD5で暗号化したパスワード(pass) と DESで暗号化したファイルパス(text) を 管理者が自分で手動で追加します。

パスワードのMD5暗号化、ファイルパスのDES暗号化

login/pass/text list を書くために passをMD5暗号化、 textをDES暗号化するには、
alert( MD5_hexhash('任意のパスワード') );
alert( des_escape( des_cbc_encrypt('任意のパスワード', '任意のファイルパス') ) );
ってやればいいのですが、 いちいち面倒な場合は、 このページ下のフォームからどうぞ。

// your process .. (function login_from_form の下方)

これより下は、 自分のやりたいことを自分で書いてください。

デフォルトでは、 ログインが失敗したら "Login failed."、
ログインが成功したら、 DES暗号化された text を複合化(解読)した文字列 (例えば"secret/index.html")、 がアラートで表示されるようになってます。

もし隠しページに飛ばしたいときは、最下部の、
alert(text);
の代わりに、
location.href = text;
と書けばいいだけです。