ブラウザを閉じるまで再入力不要なパスワード入力ページの作成方法

このQ&Aのポイント
  • パスワード入力で見れるページを、ブラウザを閉じるまで再入力しなくても済むようにしたい
  • abcpass.htmlのパスワード入力を一度だけ行えるようにする方法について質問です。
  • ブラウザを閉じるまで再度パスワードを入力しなくても、abcpass.htmlを見ることができる方法を教えてください。
回答を見る
  • ベストアンサー

パスワード入力で見れるページを、ブラウザを閉じるまで再入力しなくても済むようにしたい

毎回毎回お世話になっております。 以下のような方法で、abcpass.htmlを開くのにパスワード設定をしています。 メニュー「abc」をクリックすると、まずabc.htmlが表示され、そこに以下のスクリプトを記述しています。 <script language="javascript"> function myPw() { H_Pw = document.F_pw.TB_pw.value; if ( H_Pw == "abc" ) return(true) else alert( "パスワードが違います!" ); return(false); } </script> <form name="F_pw" method = post action = abcpass.html onSubmit="return myPw()"> <p> <input type="password" size="30" name="TB_pw"> <input type="submit" value="ログイン" ><BR><BR> <input type="checkbox" name="C_pw" value="y" checked>このパスワードを保存する。 </p> </form> 実際に閲覧者が見たい内容はabcpass.htmlの方です。 この方法ですと、一度パスワードを入れてabcpass.htmlを見ることができても、 他のページへ行ってまたメニュー「abc」をクリックすると、 abc.htmlが表示されるため、再びパスワード入力画面になってしまいます。 一度パスワードを入力したら、ブラウザを閉じるまでは再入力しないで済むようにしたいのですが、どのようにしたらいいでしょうか。 どうぞよろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • qualheart
  • ベストアンサー率41% (1451/3486)
回答No.2

CGIの設置が可能なサーバーであれば、ベーシック認証なら簡単に設置できます。 参考URLに詳しい設置方法やサンプルがありますので、サンプルを使って必要な箇所のみメモ帳等で書き直して設置すれば、簡単にできると思います。 この場合、ページではなくHTMLのあるディレクトリ自体にアクセス制限をかけることになりますが、そのページだけ特別なディレクトリに入れておけば良い話なので、良ければ試してみてください。

参考URL:
http://www.chama.ne.jp/access/index.htm
kirishimaakira
質問者

お礼

年末年始とお客様の回答待ちでお礼が遅くなり大変申し訳ありません。 参考URLがとても役に立ち、思うとおりのアクセス制限をかけることができました。 本当にありがとうございました。

その他の回答 (1)

  • qualheart
  • ベストアンサー率41% (1451/3486)
回答No.1

冒頭のfunciionの前に if ( H_Pw == "abc" ) { location.href = "abcpass.html"; } を入れたらどうでしょう。 前回H_Pw入力した値が他ページに移っても残っているのであれば 自動的にabcpass.htmlに入るようにすることができると思います。 ちょっとそこら辺の仕様がわからないのでうまくいくかわかりませんが・・・ ですが、JavaScriptでパスワードってあまり意味ない気もします。 パスワードがバレバレですし・・・ ベーシック認証等を使った方が良い気がしますが・・・

kirishimaakira
質問者

補足

早速ありがとうございます! 試してみたのですが上手くいきませんでした。。。 JavaScript以外でも、ページを開くのにパスワードが必要で、 ブラウザを閉じるまで再入力せずに済む方法があれば 他の方法でも構いません。 あまり難しい言語は分からないのですが(^^; 何か方法があればご教授をお願いいたします。m(_ _)m

関連するQ&A

  • パスワードを二つ用いて隠しページをひらくには?

    お世話になります。 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つのパスワードを入力させるようにするにはどのような記述をすればよろしいでしょうか。 よろしくお願いいたします。

  • フォーム入力パスワードとランダム生成されたパスワードを比較

    現在フォームから入力パスワードと PHP でランダム生成された パスワードを比較するスクリプトを組んでます。 スクリプト自体はテスト用ですので フォーム入力用のパスワードは HTML 上に表示されるように なっており、それをコピー&ペーストすれば 良いようにはなっているのですが、どうやっても 比較結果が true になりません。 もはやどこが間違っているのかわかりません。 どなたかお教え頂ければ大変助かります。 何卒、宜しくお願い致します。 ファイル構成は 3つです↓ ran_pass.html ran_pass.php kekka.php --<< 1. フォーム入力 HTML [ ran_pass.html ] ↓ >>------------------------------------------------------------------------------- <html> <head> <title>名前入力</title> </head> <body> <u>名前入力</u><br> <form action="ran_pass.php" method="post" name=""> 名前 : <input type="text" name="name" size="24" border="0"> <input type="submit" name="" value="実行" border="0"> </form> </body> </html> --<< 2. ランダムパスワード生成 [ ran_pass.php ] ↓ >>--------------------------------------------------------------------------- <html> <head> <title>ランダムパスワード生成</title> </head> <body> <?php //フォームからのデータを $name に代入↓ // $name = $_POST[name]; //ランダムパスワードを生成 ↓// function rand_passwd($len = 8, $str = '0123456789abcdefghijklmnopqrstuvwxyz'){ $password = ''; srand ((float) microtime() * 10000000); for($i = 0; $i < $len; $i ++){ $password .= substr($str, rand(0, strlen($str) - 1), 1); } return $password; } //生成されたランダムパスワードを $rpass に代入 ↓// $rpass = rand_passwd(8) . "\n"; $htm = <<< EOD <u>ランダムパスワード生成</u><br> <form action="kekka.php" method="post" name=""> 名前 : $name さん<br><br> パスワード : <input type="text" name="ran_pass" size="24" border="0"> <input type="submit" name="" value="実行" border="0"><br> <input type="hidden" name="name" value="$name" border="0"> <input type="hidden" name="rpass" value="$rpass" border="0"><br> ( ※ パスワードは $rpass です。) </form> EOD; print $htm; ?> </body> </html> --<< 3. パスワード比較 [ kekka.php ] ↓ >>-------------------------------------------------------------------------------------- <html> <head> <title>パスワード認証結果</title> </head> <body> <?php //フォームからのデータを代入↓ // $name = $_POST[name]; $ran_pass = $_POST[ran_pass]; $rpass = $_POST[rpass]; //ランダムパスワードを生成 ↓// if($ran_pass == $rpass){ $kekka = "【 成功 】 パスワードが一致しました。";} else{$kekka = "【 失敗 】 パスワードが一致しませんでした。";} print $kekka; ?> </body> </html>

    • ベストアンサー
    • PHP
  • checkbox の入力チェックのやり方について

    お世話になります。 フォームにて、 javascriptで、入力チェックをおこないたいと思っています。 チェックボックスについては、どれか選択が一つでもなければ、アラートで、文字を出したいと思いますが、うまくできません。 チェックボックスの入力確認の方法を教えてください。 よろしくお願いいたします。 現在作りかけのソースは、下記の通りです。 <html> <head><title>-</title></head> <body> <form method="post" action="" onsubmit="return form_Validator(this)"> <input type="text" name="a1" size="15" maxlength="12"> <BR> <input type="checkbox" name="a1001" value="1"> <input type="checkbox" name="a1002" value="1"> <input type="submit" value="登録" name="submit"> </form> <script Language="JavaScript"> <!-- function form_Validator(doc) { if ( doc.a1.value == "" ) { alert( "BAD" ); return false; } /* a1001かa1002のチェックボックスのチェックがなければアラート----*/ return (true); } //--> </script> </body> </html>

  • HTMLのパスワードページ

    htmlのパスワードを作りましたが画面にあるENTERのボタンを必ず押さなければいけないのですがそれをキーボードのENTERキーにする方法はありませんか? <div> <body bgcolor="#000000"> </div> <div align="center"> <img src="baka2.png" width="350" height="350" alt=""><br><br><br><br> <html> <head> <title>特別課外活動部パスワード入力</title> <script type = "text/javascript"> <!-- function matchPass() { var inpass = document.forms[ "pass" ].elements[ "inpass" ].value; var validpass = "baccano"; if( inpass == validpass ) location.href = "main.html"; else alert( "パスワードが間違っています。登録されてない場合は先に登録してください" ); } </script> <link rel="stylesheet" type="text/css" href="http://st.shinobi.jp/img/tadaima/tdftad.css" /></head> <body> <form name = "pass"> <div> <input type = "password" value = "" name = "inpass"> <input type = "button" value = "ENTER" onclick = "matchPass();"> </div> </form>

  • PW入力画面から違うページへ

    <form action=./bbs.cgi method=POST>  <input type=password size=12 name=P><input type=hidden name=no value=0> <input type=submit value="認証"> </form> 通常このフォームにPWを入力・送信すると、そのトップの画面に飛びますが、 指定した特定のページに飛ばせたい場合はどうすればよいでしょうか? よろしくお願いします。

  • javascriptでinput属性の入力

    複数のボタンがあります。 それぞれのボタンによって、value値を変えたいと考えています。 通常であれば <button class='button' type='submit' name='volume' value='350'>350購入</button> <button class='button' type='submit' name='volume' value='450'>450購入</button> という形を利用しますが、理由があり、 type='submit' を使用できません。 そこで、 <input id="button350" type="button" value="350購入" /> <input id="button450" type="button" value="450購入" /> というsubmit属性の無いボタンを使用しながら、「javascriptを使いname value を抽出しsubmitまで持っていく」ことを考えています。 そこで、下記のようなものを2種類(350と450は別の記載方法でテスト)作ってみましたが、いずれもsubmitは出来ますが、value値を渡すことが出来ません。 どのように書けば、name属性にvalue値を渡すことが可能でしょうか? <form action="abc.php" method="post" name="form2" id="form2"> <script> $(function(){ $('#button350').click(function() { $('input[type=\'submit\']'); $('input[name=\'volume\']'); $('input[value=\'350\']'); $('#form2').submit(); }); $('#button450').click(function() { $('input[type=\'submit\'],[name=\'d4_buy_stock_volume2\'],[value=\'450\']'); $('#form2').submit(); }); }); </script> <BR> <BR> <input id="button350" type="button" value="350購入" /> <BR> <input id="button450" type="button" value="450購入" /> </form>

  • java簡易パスワード

    javaの簡易パスワードを使って閲覧制限を一部のページに施しています。URLを一致させてジャンプするタイプです。入力したパスワードが間違ってると「このページは存在しません」のページヘジャンプしていしまいます。これをアワードで「パスワードが間違っています」と表示させたいです。どのようにすれば出来ますか? <form name="passform" action="#"> パスワード <input type=password name="passtxt" size="20" tabindex="1"> <input type=button value="OK" tabindex="2" onclick="if (document.passform.passtxt.value !='') {location.href=document.passform.passtxt.value + '.htm' } else { alert('エラー:パスワードの未入力が考えられます') }">  <input type="reset" value="リセット" tabindex="3" onclick="return confirm('入力内容を削除してもよろしいですか?');" > </form>

  • JavaScriptでcheckboxの入力個数制限

    以下のようなチェックボックスがあります。 3つ以上チェックできないようにしたいのですが、JavaScriptで可能でしょうか? <FORM method=POST action="aaa.cgi" name="FORM1"> <input type="checkbox" name="Q1" value="1">1<br> <input type="checkbox" name="Q2" value="1">2<br> <input type="checkbox" name="Q3" value="1">3<br> <input type="checkbox" name="Q4" value="1">4<br> <input type="checkbox" name="Q5" value="1">5<br> </form>

  • パスワードはどこですか?

    自分でパスワードを決めると思うのですが、さっぱりです。どこに書けばいいのか教えてください 知識がある方にとっては簡単だと思いますがどうぞよろしくお願いします。 #▼入室フォーム###### sub FM{ print "Content-type: text/html\n\n"; print "<html><head><title>$TITLE</title></head><body><form method=post action=$ADMIN_CGI><input type=hidden name=M value=C>管理室<hr>\n"; print " 管理者ID<BR><input name=ID'' size=8><BR> パスワード<BR><input name=PASS'' size=8><BR> <input type=submit value=入室>\n"; print "</form></body></html>\n"; exit; }

    • ベストアンサー
    • CGI
  • 未入力のラジオボタンに、alertを表示したい。

    過去問を見て、応用しようとしましたがうまくゆきません。 超初心者ですので・・・ すいません、質問させてください。 WinXP、IE6を使っています。 下記のソースコード(簡略化しています)で、未入力の場合テキストではalertが表示されるのですが、ラジオボタンでは表示されません。 どう記述すれば表示されるのでしょうか? お分かりの方、教えてください。 よろしくお願いします。 <html> <head> <title>お申し込み</title> <script language="JavaScript"> <!-- function checkSubmit() { if (document.form1.Name.value == "") { alert("お名前をご入力ください!"); return false; } if (confirm("この内容で送信します。\nよろしいですか?") == false) { return false; } return true; } //--> </script> </head> <form name="form1" method="post" action="http://www.000/" onSubmit="return checkSubmit()"> お名前:<input type="text" name="Name" size="20"> 男性<input type="radio" name="Seibetu" value="Man"> 女性<input type="radio" name="Seibetu" value="Woman"> <input type="submit" value="お申し込み"> </form> </body> </html>

専門家に質問してみよう