質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.62%

  • ログイン

    115questions

    ログインは、ユーザーがコンピューターシステムにアクセスするプロセスの事を呼びます。

ログイン認証画面について

受付中

回答 2

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 500
退会済みユーザー

退会済みユーザー

ログインページを作っています。
パスワードを入れて、正しければ 例えばhttps://www.google.co.jp にとんで、間違っていれば http://www.yahoo.co.jp/ に飛ぶよう作りたいのですが、初心者のためよくわかりません。
現在ログイン画面のみ完成しています。このほかに何をすればいいのかご教授ください。
よろしくお願いします。

'''<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p><br /><span style="font-size: 24pt;">これより</span></p>
<p><span style="font-size: 24pt;">会員専用ページです。</span><br /><br /><span style="font-size: 12pt;">認証キーを入力してください。</span><br />
<script src="password.php"></script>
<br />
<script>// <![CDATA[
<br />function password_check(){<br />    var pw;<br />    pw = document.getElementById('EnterPassWord').value;<br />  if(pw != password){<br />    alert("パスワードが違います");<br />  }else{<br />    alert("認証をクリアしました");<br />    //location.href=pw + ".html";<br />  }<br />}<br />
// ]]></script>
</p>
<form>'''
<p><br /><input id="EnterPassWord" type="password" size="20" /><br /><input onclick="password_check();" type="button" value="認証" /></p>
<p></p>
<p><span style="font-size: 14pt;"><a title="yahoo" href="http://yahoo.co.jp">メンバーでないので退室する。</a></span></p>
</form>
<p></p>
</body><br /></html></p>
</body>
</html>

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • kei344

    2017/01/08 23:20

    質問文のコードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

    キャンセル

  • sun-solar-arrow

    2017/01/08 23:33

    HTMLタグを追加すると良いかもしれません…

    キャンセル

  • kei344

    2017/01/08 23:36 編集

    '''(カンマ3つ)ではなく ```(バッククオート3つ)です。またバッククオート3つの前後には改行を入れてください。記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。

    キャンセル

回答 2

+4

記事を更新してくれているので、鮮度も良い記事です。
PHPでログイン機能を実装するチュートリアル 
私はこの記事で勉強しました。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/01/08 23:14

    > te2jiさん
    バックリンクサンキューですw

    キャンセル

  • 2017/01/08 23:20

    > ken0123 さん
    記事書いた人が見てくれたんで、不明点があれば聞いて下さい。
    ログインと会員管理は、ちゃんとしないといけないところなんで、結構ハードルは高いです。
    がんばって。

    > Kosuke_Shibuya さん
    本人が紹介するより早く紹介してみましたw
    あのシリーズ、少し時間をおいて読み直しても面白いです。ありがとうございます。

    キャンセル

  • 2017/01/09 00:37

    リンクありがとうございます。
    自分には、このサイトは難しすぎます。
    他にいいサイトなどありましたら、お教えください

    キャンセル

  • 2017/01/09 00:50

    書いたとおり、ログインと会員管理はきちんとケアしなければならないことが多数あり、ハードルが高いです。
    ログイン機能を実装したいのであれば、紹介サイトの理解は必須です。
    逆にまだ難しいと感じるのであれば、まずは他の機能実装から実践してみてはいかがでしょうか。

    まだ何の言語を使用するかも決めていないようなので、アドバイスも難しいですが、入門書を一冊読むところから始められては?

    キャンセル

+3

もし何も学ばずに楽にログイン画面を作ろうとしているならば、それはあまり好ましいことではないです。
質問者さんのコードからPHP、もしくはjavascriptを使おうとしているのだろうと思いますが、ログイン画面を作るために必要な知識が十分にないように見受けられます。本屋さんに行って自分に合った書籍を購入して読むことをおすすめします。


※ここから回答
質問者さんがしたいことはこういうことなのでしょうか?
以下のコードは安全ではありません。
特定の人だけを対象にするようなページに使うと大変危険なので絶対にやめてください。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
<p><span style="font-size: 24pt;">これより</span></p>
<p><span style="font-size: 24pt;">会員専用ページです。</span><span style="font-size: 12pt;">認証キーを入力してください。</span>
    <!-- <script src="password.php"></script> password.phpはわからないのでコメントアウト -->

    <script>
        function password_check() {
            var pw;
            var password = "pass";//passwordが未定義。
            pw = document.getElementById('EnterPassWord').value;
            if (pw != password) {
                alert("パスワードが違います");
                location.href = "http://www.yahoo.co.jp/";//パスワードが違うならばyahooへ
            } else {
                alert("認証をクリアしました");
                location.href = "https://www.google.co.jp/";//パスワードが正しかったらgoogleへ
            }
        }
    </script>
</p>
<form>
    <p>
        <input id="EnterPassWord" type="password" size="20"/>
        <input onclick="password_check();" type="button" value="認証">
    </p>
    <p>
        <span style="font-size: 14pt;">
        <a title="yahoo" href="http://yahoo.co.jp">メンバーでないので退室する。</a>
        </span>
    </p>
</form>
<p></p>
</body>
</html></p>
</body>
</html>

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/01/09 08:15

    これは書いちゃだめな回答じゃないかなぁ。。。
    安全ではないと書いてますが、世に出しちゃだめなやつだと思います。

    キャンセル

  • 2017/01/09 08:33

    たしかにその通りですね...
    修正させていただきました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.62%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • ログイン

    115questions

    ログインは、ユーザーがコンピューターシステムにアクセスするプロセスの事を呼びます。