简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Ubah hala ke halaman lain dalam html selepas log masuk berjaya
P粉729518806
P粉729518806 2024-03-20 09:29:07
0
1
302

Saya tidak boleh ubah hala ke halaman lain, ia hanya menunjukkan kata laluan dan pengguna yang saya masukkan dalam url. Walau bagaimanapun, apabila saya menggunakan window.open(); ia berfungsi dalam pautan seperti YouTube. Saya telah mencuba pelbagai kod yang saya lihat di youtube tetapi saya masih tidak tahu apa yang perlu dilakukan 

<!DOCTYPE html>
 <html>
    <head>
    </head>
    <body> 
    <div class="login-wrapper">
    <form action="" class="form">
        <h2> Login </h2><br>
    <div class="input-group"> 
        <label for="id">User ID </label> 
        <input type="text"
         name="id"
         id="User ID"
        placeholder="User ID"
         required /> 
    </div> 
    <div class="input-group"> 
        <label>Password </label> 
        <input type="password"
         name="password"
         placeholder="Password"
        id="password" required />
     </div>
    <input type="submit" value="Login" class="submit-btn" onclick= "auth()" style="font-size:18px;" />
    </form>
    </div>
    <script>
        function auth(){
        var UserID = document.getElementById("UserID").value;
        var password = document.getElementById("password").value; 
        if(UserID== "admin" && password=="admin123"){
    
        window.location.href="teachergui.html";
        alert("Login Successfully ");
        }
        else{
        alert("Invalid User");
        return;
        }
    }
    </script>
    </div>
    </body>
</html>

P粉729518806
P粉729518806

membalas semua(1)
P粉154798196
P粉1547981962024-03-21 00:41:45 Tingkat 1

Anda memanggil nilai menggunakan kod: 

var UserID = document.getElementById("UserID").value;

Tetapi UserID yang anda masukkan mempunyai ruang:

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！