| ポイント |
<![CDATA[
function check()
{
str = document.myFORM.PW.value;
if (str == "gihyo") jpURL = "ok.html"; else jpURL = "err.html";
location.href = jpURL;
}
パスワード：<input type="password" name="PW">
<input type="button" value="ログイン" onClick="check()">
]]>
|
| 説 明 |
promptを使ったパスワード入力では入力中のパスワードが見えてしまいます。入力中のパスワード文字が見えないようにするにはフォームのpasswordを使います。入力されたパスワードをチェックして会員用のページにジャンプするか、認証失敗のページにジャンプするか処理を行います。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>パスワードが正しい場合ページを表示する（入力文字を見せない）</title>
<script language="JavaScript"><!--
function check()
{
str = document.myFORM.PW.value;
if (str == "gihyo") jpURL = "ok.html"; else jpURL = "err.html";
location.href = jpURL;
}
// --></script>
</head>
<body>
<form name="myFORM">
パスワード：<input type="password" name="PW">
<input type="button" value="ログイン" onClick="check()">
</form>
</body>
</html>
]]>
|
| 補足説明 |
サーバー側で認証機構が使用できるのであれば、そちらを使う方がより確実かつ安全です。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
パスワードが正しい場合ページを表示する（入力文字を見せない）