簡易版パスワード入力画面について

解決済

質問者：73nori
質問日時：2012/11/13 16:56
回答数：1件

パスワードを入力させて、別のページにジャンプする簡易的なページを製作したいです。
現在以下のようにしているのですが、２つほどここに機能を追加したいです。

1.パスワード入力後、入力欄でエンターすると、ボタンを押さなくてもにジャンプするようにする。
2.下記の内容だと、複数ジャンプ先を設定したい場合、フォームページを
　複数用意する必要があるので、このページを開いた際のURLが
　login.html?page=a　だったら a.html に
　login.html?page=b　だったら b.html に
　ということがしたいです。

ご教授の程、よろしくお願いいたします。

■フォームページ login.html
　パスワードがあっていれば、a.htmlにジャンプ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="jp" lang="jp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<title>テスト</title>
<script src="pass.js" type ="text/javascript"></script>
</head>
<body>
<form name="form1">
<input type="password" name="pass" size="20"><br />
<input type="button" name="btn_submit" value="" style="background:url('button.jpg');width:100px;height:30px;border:0px solid;cursor:pointer;" onClick="Check1()" />
</form>
</body>
</html>

■pass.jsの内容

i=0;
function Check1(){
i++;
p="password";
p2="Password";
wo=document.form1.pass.value;
if(wo==p){location.href="a.html";}
else if(wo==p2){location.href="a.html";
}else{
alert("パスワードが異なります");
document.form1.pass.value="";
if(i>=10){location.href="index.html";}
}
}

※10回間違うと所定のページに飛ばす(ここではindex.html)

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： ralf124c
回答日時：2012/11/15 11:19

Q1：

　HTMLのformタグ
　<form name="form1">
　を
　<form name="form1" onSubmit="Check1(); return false;" >
　のようにする。

Q2：
　pass.jsの先頭に
// --------------------------------------------------------
var nPOS = document.URL.indexOf("?");
var sP = document.URL.substr(nPOS);// URLの?以降を切取り

var sTargetHtml = "a.html";// 指定が無い場合などのデフォルト

sP.match(/[\?|\&]page=([^\&]*)/);// page=?...にマッチ
if(RegExp.$1 != '') sTargetHtml = RegExp.$1 + ".html";
// --------------------------------------------------------
というコードを加えて
関数Check1内の
　location.href="a.html";
を
　location.href=sTargetHtml;
とする
指定が無い場合の記述が無いので「a.html」をデフォにしました