在 javascript 验证后，我无法加载我作为学生创建的另一个 html 页面。html

Question

Please tell me which function I can use to open student.html when the username and password is matching with the value I described in scrip tag.请告诉我当用户名和密码与我在脚本标签中描述的值匹配时，我可以使用哪个 function 打开 student.html。

<form>
    <input
        name="username"
        type="text"
        id="txt_username"
        class="text1"
        ondrop="return false;" 
        onpaste="return false;"
        style="color:#0000C0;border-style:Solid;font-family:verdana;font-size:Small;"
    />
    <input
        name="password"
        type="password"
        id="txt_password"
        class="text1"
        style="color:#0000C0;background-color:White;;border-style:Solid;font-family:verdana;font-size:Small;"
    />  
    <input
        type="submit"
        value="Login"
        onclick="validate()"
    />
</form>

<script type="text/javascript">
function validate() {
    var text1 = document.getElementById("txt_username");
    var text2 = document.getElementById("txt_password");
    if (text1.value == "root" && text2.value == "root") {
        alert("ok")
        load("student.html");
    } else {
        alert("fail");
        load("error.html");
    }
}
</script>

Answer 1

You can use window.location.replace("student.html") to replace the current document.您可以使用window.location.replace("student.html")替换当前文档。 Or you can use window.location.href = "student.html";或者你可以使用window.location.href = "student.html"; . .

 <form onsubmit="return validate(event)"> <input name="username" type="text" id="txt_username" class="text1" ondrop="return false;" onpaste="return false;" style="color:#0000C0;border-style:Solid;font-family:verdana;font-size:Small;" /> <input name="password" type="password" id="txt_password" class="text1" style="color:#0000C0;background-color:White;;border-style:Solid;font-family:verdana;font-size:Small;" /> <input type="submit" value="Login" /> </form> <script> function validate(event) { event.preventDefault(); var text1 = document.getElementById("txt_username"); var text2 = document.getElementById("txt_password"); if (text1.value == "root" && text2.value == "root") { window.location.replace("student.html"); } else { window.location.replace("error.html"); } } </script>

Answer 2

Use:利用：

 window.location.assign

 function validate() { var text1 = document.getElementById("txt_username"); var text2 = document.getElementById("txt_password"); if (text1.value == "root" && text2.value == "root") { window.location.assign("student.html"); } else { window.location.assign("error.html"); } }

 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <form> <input name="username" type="text" id="txt_username" class="text1" ondrop="return false;" onpaste="return false;" style="color:#0000C0;border-style:Solid;font-family:verdana;font-size:Small;" /> <input name="password" type="password" id="txt_password" class="text1" style="color:#0000C0;background-color:White;;border-style:Solid;font-family:verdana;font-size:Small;" /> <input type="submit" value="Login" onclick="validate()" /> </form> </body> </html>

在 javascript 验证后，我无法加载我作为学生创建的另一个 html 页面。html

问题描述

2 个解决方案

解决方案1
0 2020-07-05 11:46:08

解决方案2
0 已采纳 2020-07-05 12:00:48

在 javascript 验证后，我无法加载我作为学生创建的另一个 html 页面。html

问题描述

2 个解决方案

解决方案1 0 2020-07-05 11:46:08

解决方案2 0 已采纳 2020-07-05 12:00:48

解决方案1
0 2020-07-05 11:46:08

解决方案2
0 已采纳 2020-07-05 12:00:48