ログイン成功後に HTML の別のページにリダイレクトする
P粉729518806
P粉729518806 2024-03-20 09:29:07
0
1
349

別のページにリダイレクトできません。URL に入力したパスワードとユーザーが表示されるだけです。ただし、window.open(); を使用すると、YouTube などのリンクでは機能します。 YouTube で見たさまざまなコードを試しましたが、まだ何をすればよいかわかりません

<!DOCTYPE html>
 <html>
    <頭>
    </head>
    <本体>
    <div class="ログインラッパー">
    <フォームアクション=""クラス="フォーム">
        <h2> ログイン </h2><br>
    <div class="入力グループ">
        <label for="id">ユーザーID </label>
        <入力タイプ="テキスト"
         名前 = "ID"
         id="ユーザーID"
        プレースホルダー="ユーザーID"
         必須 />
    </div>
    <div class="入力グループ">
        <label>パスワード</label>
        <入力タイプ="パスワード"
         名前 = "パスワード"
         プレースホルダー="パスワード"
        id="パスワード" が必要です />
     </div>
    <input type="submit" value="Login" class="submit-btn" onclick= "auth()" style="font-size:18px;" />
    </フォーム>
    </div>
    <スクリプト>
        関数認証(){
        var UserID = document.getElementById("UserID").value;
        var パスワード = document.getElementById("パスワード").value;
        if(ユーザーID== "admin" && パスワード=="admin123"){
    
        window.location.href="Teachergui.html";
        alert("ログインに成功しました ");
        }
        それ以外{
        alert("無効なユーザー");
        戻る;
        }
    }
    </スクリプト>
    </div>
    </ボディ>
</html>

P粉729518806
P粉729518806

全員に返信(1)
P粉154798196

コードを使用して値を呼び出しています:

var ユーザー ID = document.getElementById("ユーザー ID").value;

ただし、入力したユーザー ID にはスペースが含まれています:

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート