★メンバー専用ページへログインする。

戻る

メンバー専用ページへログインする。


認証機構もどき
サーバー側で認証機構が使用できれば良いのですが、使用できない場合はこの認証機構もどきでどうでしょうか。メンバー名とパスワードの両方で認証するようにします。メンバー名は無限に増えることを仮定します。まず、入力中のパスワード文字が見えないようにするには input の password を使います。入力されたメンバー名とパスワードをチェックしてメンバー専用のページにジャンプするか、認証失敗のページにジャンプするかの処理を行います。

対応状況 N2 N3 N4 N6 N7 O6 NA1 GA1 MO1   E3 E4 E5 ME5 E55 E6      

head部のソース

<head>
<script type="text/JavaScript">
<!--
// メンバー名の配列
theMemName = new Array();
theMemName[0] = "poko";
theMemName[1] = "peko";
theMemName[2] = "todo";
theMemName[3] = "tiger";
theMemName[4] = "bear";
MemCount = 5; // 総メンバー数

thePassWord = "member"; // パスワード

function check()
{
	// 入力された値を取得
	theName = document.loginForm.MemN.value;
	theWord = document.loginForm.PassW.value;

	for (i = 0; i < MemCount; i++)		// メンバー名とパスワードを検証
	{ 
		if ( (theName == theMemName[i]) && (theWord == thePassWord) )
		{
			return true;
			break;
		}
	}
	return false;
}

function login()
{
	// 関数check()がtrueならばメンバー専用のページへ
	if (check()) liURL = "member.html"; else liURL = "err.html";
	location.href = liURL;
}
//-->
</script>
</head>
body内ソース
<body>
<form name="loginForm" method="post" action="./">
メンバー名:<input type="text" name="MemN">
パスワード:<input type="password" name="PassW">
<input type="button" value="ログイン" onClick="login()">
</form>
</body>
メンバー名とパスワードをチェックする関数check()は、メンバー名とパスワードが合致した時のみtrueを返します。member.htmlとerr.htmlは適当に用意して下さい。 -------------------------------- 表示
メンバー名: パスワード:
--------------------------------

[先頭へ] [Top Pageへ] [Contentsへ]


Copyright (C) pokochan 2000-2003
http://www.tees.ne.jp/~pokochan/tips/login.html
E-mailpokochan@mx1.tees.ne.jp