ログインフォームの構築について

このQ&Aのポイント
  • ログインフォームの構築について知りたいです。
  • ログインフォームをプライベートで構築し、web上で運営する予定です。どのような方法で構築すればいいでしょうか?
  • JavaScriptやCGIを使用してログイン情報を管理する方法について教えてください。
回答を見る
  • ベストアンサー

ログインフォームの構築について

現在、ログインフォームページをプライベートで構築していようとしています。実際にwebに上げて運営する予定です。 環境として、WindowsXP、テスト用にFirefox 言語はHTMLの他にjavascript、DHTML、CGIとしてPerlを使用します。 ログイン情報はテキストファイルに保存し、ログインする際はテキストファイルから読み込んで情報を出力する予定です。 HTMLレベルの話は問題無いのですが、javascriptをjsファイルに記述し、そのまま埋め込んでいいのか迷っております。 簡単にjsは参照出来てしまえますし、いっそCGI内に全てのjavascriptを記述しようと考えているのですが、実際にHPを運営されている方はどのように構築されておられるんでしょうか? 社内用のシステムの改修などは行ったことはあるのですが、それらはそのままhtmlファイルにずらずらとjavascriptのコードが記述してあったので、実際にwebに上げて不特定のユーザーに利用してもらうHPとは勝手が違うと思い、質問として上げさせて頂きました。 ご存知の方、経験者の方、お時間がありましたら宜しくお願い致します。

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

  • ベストアンサー
  • fire--
  • ベストアンサー率49% (146/293)
回答No.3

> チェックは基本、サーバ側で行う予定です。ただ、submitは例えば「登録」ボタンを押下時にonClickでjavascriptを経由して submitする予定です。ですので、javascriptをユーザ側が切られている状態ではsubmit出来ないように、と考えております。 チェックはサーバ側で行うのであれば良いと思います。ただ一点気になるところがあります。悪意のあるユーザーはフォームを解析して、用意されたフォームは使わずに、httpでrequestを送ってきますので、その点は留意されておくのが良いと思います。 > ですが、今回javascriptのメインでの仕事はダイナミックにwebページを変動させることにあります。 > 例えばコンボボックスを変動した場合、別の箇所の選択条件の変動、または計算、または別の箇所へ選択した内容の印字など。これらの処理がメインとなる予定です。 本当に秘密にしなければならないようなことでなければjavascriptにしてやる事は問題ないと思います。

badareph
質問者

お礼

fire--さん。ご回答有難う御座います。 > 悪意のあるユーザーはフォームを解析して、用意されたフォームは使わずに、httpでrequestを送ってきますので なんと。その様な事も出来るのですね…。requestを送る、ということは、get送信ということでしょうか。post送信のみ受け付け、get送信はリダイレクトで飛ばす…と今考えましたが、自分の技術はjavascriptとJAVAしか持っていない為、Perlで出来るかはちょっと調べてみないと分からないところですね。 今回の作成には留意しておりませんでした。有難う御座います。 > 本当に秘密にしなければならないようなことでなければjavascriptにしてやる事は問題ないと思います。 なるほど。そうですね。特に隠す理由は本来は無かったのですが、実際にはみなさんjavascriptを隠しているのかなぁ…と作成に当たり疑問に思った次第です。 どうやら普通にincludeを行う、もしくは埋め込んでしまっても問題無さそうですね。 自身が納得出来る所まで行きました。本当に有難う御座いました。 以上、締め切らせて頂きます。

その他の回答 (2)

  • maguro999
  • ベストアンサー率21% (59/273)
回答No.2

BASIC認証使えばいいのでは?

badareph
質問者

お礼

maguro999さん。ご回答有難う御座います。 BACIC認証ですか。別のダイアログ(?)にてパスワードの記述を求めるものですよね。 実際に、ユーザID、パスワードなどを発行する前のページ(所謂入力フォーム)の作成となりますので、今回は認証は使用しない方向で進めております。記述が足りませんでした…。申し訳ありません。

  • fire--
  • ベストアンサー率49% (146/293)
回答No.1

javascriptはあくまでもブラウザ上で動くものなので、cgi側に書いたところで最終的にはhtmlに埋め込んだ形でブラウザに送るか、あるいはhtmlからsrc=""というような形でincludeさせるかしないといけません。良く使われるのは、html中に埋め込むのではなくincludeさせるようにし、includeする内容は改行を入れないで見にくくするという方法ですが、本当に中身を見たい人に対しては無力です。 ところでログインフォーム構築という事ですが、そことjavascriptとの関係が書いてありません。ログインされた内容のチェックをjavascriptで行うということでしょうか。javascriptはあくまでもホストのレスポンスを待たないで素早く結果を返してやれるという意味でユーザーの利便性向上という役割で考えるべきです。 悪意のあるユーザーはjavascriptを迂回して、直接submitしてきますから、 javascriptのチェックとは別にcgi側で入力内容のチェックはしないといけません。

badareph
質問者

お礼

fire--さん、お早い回答有難う御座います。 なるほど。自分の中では、onLoad時にcgiを呼び出し、cgi内でjavascriptを出力させればソースは見えないかと考えていたのですが、やはりincludeするのが常等のようですね。 javascriptとの関係に触れておりませんでした。申し訳ありません。 チェックは基本、サーバ側で行う予定です。ただ、submitは例えば「登録」ボタンを押下時にonClickでjavascriptを経由してsubmitする予定です。ですので、javascriptをユーザ側が切られている状態ではsubmit出来ないように、と考えております。 ですが、今回javascriptのメインでの仕事はダイナミックにwebページを変動させることにあります。 例えばコンボボックスを変動した場合、別の箇所の選択条件の変動、または計算、または別の箇所へ選択した内容の印字など。これらの処理がメインとなる予定です。 これらの処理も全てcgiで出力させるのは億劫(失礼)と思っていたので、参考意見をお尋ねしたかった所存です。 他、必要な情報があれば仰って下さいませ。

関連するQ&A

  • htmlファイルとjsファイルを作成 サンプル

    JavaScript初心者なのですが、 http://www.tohoho-web.com/js/start.htm#Prepare のように HTMLの中にJavaScriptのコードを記述する書き方ではなく htmlファイルとjsファイルを作成して コードを記述する書き方を勉強したいのですが そのようなサンプルがたくさん載ったサイトはありますか?

  • JAvaScriptの外部ファイルの記述について

    HTML内にJavaScriptの処理書くのが嫌で、外部ファイルにしてJavaScriptを読み込むようにしたのですが、このファイルに、実行したい処理を複数書いてしまうとHTMLで正しく処理されなくなるのは何故ですか?.jsファイルには処理は1つしか記述できないのでしょうか?CSSファイルみたいに1つのファイルに何個も処理を記述してHTMLに反映させるようにしたいのですが・・・。どなたにも質問できず困っています。どなたか教えて下さい。jsファイルには処理は1つしか記述できないものなのかどうか回答お願い申し上げます。

  • CGIにて構築されている新着情報管理システム

    現在、CGIにて構築されている新着情報管理システムの複製を行っておりますが、 呼び出しがうまく行きません。 管理画面からの投稿に関しましては、 正常にCGIが動作し、追加、削除、編集を確認できております。 しかし、呼び出し先のPHPファイルへ記事呼び出し用に記述されておりました <!--#exec cgi="./○○.cgi"--> を記述したところ、ソースで見てもCGIが正常に実行されず、 記述した<!--#exec cgi="./○○.cgi"-->がコメントアウトの状態で残っております。 PHPの場合は、他の記述に変更する必要がありますでしょうか。 また、管理画面側のCGIが動作する環境下の場合、 記事呼び出し用CGIが正常に動作しないという可能性は他にどのような点が ございますでしょうか。 考えられる点でも構いません。 アドバイスをお願い致します。 ・管理画面はCGIファイルにてHTMLなど画面部分も全て1ファイルで出力されております。 ・記事呼び出しは、CGIファイルで作成されたHTMLのテーブルブロックを呼び出した箇所に出力するような形です。

    • 締切済み
    • CGI
  • テキストファイルからの読み込み

    TakaoPRと申します。 テキストファイルに記述されている文章をHTMLの中で読み込んで、それを表示させたいのですが、それはJavaScriptで実現可能なのでしょうか。 CGIでなければ不可能なのでしょうか。 こちらでも調べたのですが、FileSystemObject関連ばかりで目的のものが見つかりませんでした。 どんなアドバイスでも結構ですので、宜しくお願いします。

  • 複数の外部ファイルを参照するにはどうすればいいの?

    22歳男性です。 htmlに以下のように記述していますがうまく動作しません。 <html> <head> <script type=\"text/javascript\" src=\"js1ファイルパス\"></script> <script type=\"text/javascript\" src=\"js2ファイルパス\"></script> </head> <body> ・・・・・・・ 上記のように記述して外部のjsファイルを参照しようとしているんですがうまくいきません。js2ファイルは参照できるんですが、js1ファイルは参照できません。 また、記述順を変えてみると、js1ファイルは参照でき、js2ファイルが参照できなくなります。 この2つのjsファイルを参照するにはどのように記述するべきなのでしょうか?

  • JAVASCRIPTで背景を切り替える方法

    以下の2つのjsファイルをボタンで切り替えれるようにするにはどういうソースで可能でしょうか? <SCRIPT type="text/javascript" src="http://www9.ocn.ne.jp/~aki2nd/dhtml/sample/heartdrop.js"></SCRIPT> <SCRIPT type="text/javascript" src="http://www9.ocn.ne.jp/~aki2nd/dhtml/sample/stardrop.js"></SCRIPT> 2つとも動く背景のjsファイルです。 bodyに置けば作動しますので、ボタンを押して2つを切り替えれるようにしたいのですがどうしても方法がわかりません。 どなたかご教授いただけないでしょうか? よろしくお願いします。

  • js ファイルの読み込み

    ●質問の主旨 jsファイルを読みこむためHTMLファイルを記述しましたが 読み込めません。記述が間違っているのでしょうか? それともjsファイルの格納場所がおかしいのでしょうか? JavaScriptは3日前にはじめたばかりの超初心者です。 ごぞんじのかたご教示願います。 ●ファイルの配置 jsファイル、HTMLファイルともに GoogleDrive→JavaScript(任意のフォルダ名)に格納 ●jsファイルの内容 var now = now Date(); var greeting; if(now.getHours() < 12 ) greeting = 'おはよう'; else if(now.getHours() < 18 ) greeting = 'こんにちは'; else greeting = 'こんばんは'; ●HTMLファイルの内容 <HTML> <HEAD> <TITLE>JavaScriptサンプル</TITLE> <SCRIPT language = "JavaScript" src = "file.js"></SCRIPT> </HEAD> </BODY> <SCRIPT language = "JavaScript"> <!-- alert(greeting); // --> </SCRIPT> </BODY> </HTML>

  • 外部ファイル

    HTMLに、このような記述があり <script type="text/javascript" src="●●●.js"></script> 外に、「●●●.js」 というファイルがあります。 これは、「外部のjavascript」ファイルということでしょうか? また、この、「外部のjavascript」ファイルを開く(見る)には、どうしたらいいのでしょうか? ^^ どこか、おすすめのjavascriptのサイト、ご存知でしたら、教えてください。。。^^ (CSS外部ファイル。までは意味、わかるのですが、 javascript の関係はよくわかりません)

  • HTMLの外部jsのようなcgiファイルについて

    はじめまして。かなりレアなケースになると思うのですが、すでにリリースしており、泣き寝入りする事態が起きまして、CGIの出力のところがわからなくて困っております。 1、あるHTMLをブラウザで開くと<head>内のCGIが実行される。 <script language="JavaScript" type="text/javascript" src="○○.cgi"></script> 2、このCGIが実行されるとMySQLのデータを取得し、HTMLでデータを取り扱えるよう、取得した値をJavaScriptの配列の形式に加工され、「Temporary Internet Files」に○○.cgiが保存されます。 var 配列A=new Array(); 配列A[0]="0000001,名前,住所"; 配列A[1]="0000001,名前,住所"; ※○○.cgiを開くと右のような配列の表記が記載されている。 3、このHTML内で、上記の配列をJavaScriptで呼び出せば、Temporary Internet Filesに保存されたcgiファイルのデータ(配列形式の)が表示されるので、まるで外部JSの配列を扱っているかのようにDBのデータを取得することができます。 mysqlのデータを取得した後、CGIでHTMLに吐き出すぐらいはわかるのですが、 画面上に表示させるのではなく、外部JSなら普通どこかサーバにあるJSファイルを見にいくと思うのですが、Temporary Internet Filesに保存され、それが値として操作できるところです。 このCGIの出力の記述がまったくわからないので困っております。 わかりにくい文章で本当に申し訳ございません。どうかよろしくお願いします。

    • 締切済み
    • CGI
  • HTML内記述と外部jsファイルの違い

    JavaScript初心者です。 HTML中のとあるボタンを押したとき、二つのラジオボタン(radio1)の選択を変える処理をJavaScriptで試みています。 ■HTMLのフォーム記述(抜粋) <INPUT type="button" name="radio1" value="変更" onClick="setRadio1()"> ■同一HTML内に記述したJavaScript function setRadio1() { <!-- document.mainform.radio1[0].checked = true; //--> }</script> ↑これは問題なく動作する。 ■外部jsファイルに記述したJavaScript function setRadio1() { document.mainform.radio1[0].checked = true; } ↑ページエラーとなる。 なぜか外部jsファイルのJavaScriptに切り替えると「ページエラー」になってしまいます。 どの辺りが問題なのか見当がつきません。 何か気づきがありましたら、アドバイスをお願いします。 ※ちなみに外部jsファイルに記述してある他のJavaScriptは問題なく動作します。