-1

重複の可能性：
パスワードHTMLリダイレクト

だから私はこのコードを持っていて、正しいパスワードが追加されたときにのみリダイレクトする必要があります。唯一の問題は、パスワードが「hello」の場合にのみリダイレクトされるように追加するものがわからないことです。「view-source」を使用するとパスワードが明らかになることを理解しています。 。基本的に、何を追加し、どこに追加するかを知る必要があります。

Sooo：パスワードフィールドに「hello」と入力するとリダイレクトされます。パスワードフィールドに他に何かが入力されても何もしません。

<div class="wrapper">

    <form class="form1" action="http://google.com">

        <div class="formtitle">Enter the password to proceed</div>

        <div class="input nobottomborder">
            <div class="inputtext">Password: </div>
            <div class="inputcontent">

                <input type="password" />
                <br/>

            </div>
        </div>

        <div class="buttons">

            <input class="orangebutton" type="submit" value="Login" />


        </div>

</div>

これが明確で理解できることを願っています。

更新：続行するにはパスワードを入力してください 

    <div class="input nobottomborder">
        <div class="inputtext">
            Password:
        </div>

        <div class="inputcontent">
            <input type="password" id="password" /><br />
        </div>
    </div>

    <div class="buttons">
        <input class="orangebutton" type="submit" value="Continue" onclick="if (document.getElementById('password').value == 'hello') location.href='members.html'; else alert('Wrong Password!');" />
    </div>
</form>

。

4

2 に答える 2

2

JavaScript を使用する必要があります。必要なのは、ログイン ボタンのイベント リスナーだけです。その後、入力フィールドの値を確認してリダイレクトします。これはプレーンな JavaScript で実行するのに十分簡単ですが、jQuery を使用するとさらに簡単になります。このようなものになるはずです（ただし、コードはテストしていません）。

$('.orangebutton').click(function () {
    if ($('input:password').val() == "hello") {
        window.location.href = "http://stackoverflow.com";
    }
});

もちろん、jquery ライブラリを含めて、dom がロードされていることを確認する必要があります。

于 2012-10-08T15:08:26.047 に答える
0

説明

ここで使用したコードは次のとおりです。

if (document.getElementById('password').value == 'hello')
    alert('Correct Password!');
else
    alert('Wrong Password!');

ご質問の件ですが、 を何かに置き換えることができalert('Correct Password!');ますlocation.href='members.html'。

if (document.getElementById('password').value == 'hello')
    location.href='members.html';
else
    alert('Wrong Password!');

これをチェックしてください。jQuery を使用せず、純粋な JavaScript です

<div class="wrapper">
    <form class="form1" action="http://google.com">
        <div class="formtitle">
            Enter the password to proceed
        </div>

        <div class="input nobottomborder">
            <div class="inputtext">
                Password:
            </div>

            <div class="inputcontent">
                <input type="password" id="password" /><br />
            </div>
        </div>

        <div class="buttons">
            <input class="orangebutton" type="submit" value="Login" onclick="if (document.getElementById('password').value == 'hello') alert('Correct Password!'); else alert('Wrong Password!');" />
        </div>
    </form>
</div>​

ここでフィドル: http://jsfiddle.net/AmMwQ/

于 2012-10-08T15:21:19.533 に答える