![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_01.png?e8efa67)
お世話になります。
http://www.red.oit-net.jp/tatsuya/java/prompt.htm
このサイトをみてパスワード付きホームページの作成の
仕方はおおむね理解したのですが、
私のサイトの場合パスワードを2個用いて
隠されたホームページを表示されるようにしたいと思っています。
<script language="JavaScript"><!--
function myButton(){
myPassWord = document.myFormText.myFormTextPass.value;
if ( myPassWord == "pass1" )location.href = "secret.htm";
else alert( "パスワードが違います!" );
}
// --></script>
<form name="myFormText">
パスワードを入れてください
<input type="password" size="30" name="myFormTextPass">
<input type="button" value="OK" onclick="myButton()">
</form>
パスワードを入れてください
このような表記だと1つのパスワードしか入力できず
困っているのですが2つのパスワードを入力させるようにするにはどのような記述をすればよろしいでしょうか。
よろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
パスワードではなく、問題の答えあわせですか。
それならこのような例はどうでしょう?
<html>
<head>
<title>サンプルコード</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script LANGUAGE="JavaScript">
<!--
function check(){
var ans1 = "ここに答え1";
var ans2 = "ここに答え2";
var ans3 = "使わないかもしれませんが。ここに答え3以降同じ方法で増やせます";
var url = "http://goo.ne.jp/";// 全問正解時のリンク先URL
var msg = "";
// ここで判定
if (document.mondai.tx1.value != ans1){msg += "答え1は間違いです\n"}
if (document.mondai.tx2.value != ans2){msg += "答え2は間違いです\n"}
if (document.mondai.tx3.value != ans3){msg += "答え3は間違いです\n"}
// ここで全問正解時はリンク、そうでないときはその旨のメッセージを表示
if (msg == ""){alert("全問正解です。次の問題に飛びます");window.location.href = url;}else{alert(msg);}
}
//-->
</script>
</head>
<body>
<form NAME="mondai" ACTION="#">
<input TYPE="text" NAME="tx1">
<input TYPE="text" NAME="tx2">
<input TYPE="text" NAME="tx3"><!--念のため3つ目-->
<input TYPE="button" onclick="check()" VALUE="答え合わせ">
</form>
</body>
</html>
増やすときは
var ans3 = ""; JavaScriptコード
if (document.mondai.tx3.value != ans3){msg += "答え3は間違いです\n"} JavaScriptコード
<input TYPE="text" NAME="tx3"> HTML
この3箇所を追加してください
親切にありがとうございます。
本当に助かりました。
まさに私の理想系のコードです。
ありがたく使わせていただきます。m(__)m
No.2
- 回答日時:
あくまで簡易的なものですが、↓のjavascriptではソース自体にはパスワードを書き込まず、パスワード自体が引数となって、次に表示させたいページのファイル名が「パスワード+html」という記述になっているので、例えばパスワードがoneとtwoだったら、パスが通ったときに行くページとして「one.html」と「two.html」を用意すればいいのです。
この方法だと、いくつでもパスワードを設定でき、ファイル名さえバレなければ簡単にはアクセスできません。パスが通ったときに行くページを「zero.html」というひとつのページに統一したければ「one.html」と「two.html」のhead部分にこれでリダイレクトの<meta http-equiv="refresh" content="0;url=zero.html">を書けばいいでしょう。ただしあくまでも本格的な認証にはむいていません。1の方がおっしゃる通り、htaccessを使ってディレクトリごと保護するのが一番良いでしょう。
<script language="JavaScript">
<!--
function passBlock() {
var password = prompt("パスワードを入れてください","");
if (password != "") {
location.href=password+".html";}
else {
alert("パスワードが違います")
location.href="http://www.yahoo.co.jp";
}
}
//-->
</SCRIPT>
<INPUT type="button" name="PassBlock" value="key" onClick="passBlock()">
この回答への補足
ありがとうございます。
ですがセキュリティー自体にはそれほどこだわっていないんですよね。
私は高校生用の数学の問題のホームページを作っていて
答えの欄に 入力させ それがあってれば次のページへ
間違っていればメッセージが表示されるという風に
したいんです。
例えば、1つ目の答えを 50 として
2つ目の答えを 100 とします。
両方が正解ならば 次のページが開き
片方が不正解なら メッセージがでて1問目が間違ってる
又は2問目がまちがってる。等表示されるようにしたいんです。
先に挙げた例では一つの答えしか入力できず困っています。
何分javascriptについてはまったくの初心者でさっぱりわからないです。教えて頂けないでしょうか。宜しくお願い致します。
No.1
- 回答日時:
残念ですが、この方法は危険です。
なぜなら少しでもJavaScriptを習得したひとなら、だれでもすぐにパスワードの制限のかかったページにアクセスできてしまいます。
パスワードを掛けるには、
.htpasswd
.htaccess
というファイルをアップロードすることにより行いましょう
参考ページとして解説の乗っているページを載せておきます。
もしその制限されたページに重要な内容が書かれている場合、あなたの行おうとしているJavaScriptでのパスワード処理は絶対に行わないように!
参考URL:http://www.futomi.com/lecture/htaccess/htpasswd. …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- PHP php ログイン 1 2022/11/01 00:24
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP 重複を防ぐ記述について教えて下さい。 3 2023/04/03 14:35
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
pythonにおける単方向リストの...
-
ホームページ内検索をフォーム...
-
iframeの部分だけリロード
-
<IFRAME>でコンテンツ部分のみ...
-
パワーポイントで参照ページを...
-
カンマ区切り形式ではなく、セ...
-
キングファイルの背表紙を作成...
-
エクセルVBAでマルチページの切...
-
エクセルでアルファベット5段階...
-
Wordチェックボックス作り方(...
-
ExcelのROUND関数を一括解除し...
-
水色のソースを作りたいのです...
-
Dreamweaverでテンプレートを再...
-
秀丸エディタ タブをカンマに...
-
リンクをアップデートするしな...
-
秀丸エディタでファイル名のハ...
-
htmlでテキストファイルの中身...
-
リンクを送るとは?
-
Index hospitalization とは?
-
imageフォルダの名前を変えたい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptがoffだったらどっか...
-
海外の時間をホームページ上に表示
-
ホームページ内検索をフォーム...
-
【JavaScript】特定の条件で特...
-
JavaScriptからPerlへデータを...
-
JavaScriptを使用してマルチラ...
-
確認ダイアログを表示出来ない
-
【javascript】 IMEのカタカナ...
-
javascriptとcookieの判定とペ...
-
簡易版パスワード入力画面について
-
URL変更2
-
宜しくお願いします。
-
HTMLの取得と解析について
-
チェックボタンをクリックする...
-
pythonにおける単方向リストの...
-
パスワードを二つ用いて隠しペ...
-
カンマ区切り形式ではなく、セ...
-
キングファイルの背表紙を作成...
-
パワーポイントで参照ページを...
-
<IFRAME>でコンテンツ部分のみ...
おすすめ情報