Question

我将此代码添加到我的网站：

<script>
function checkPassword(name, pwd) {
    if (name == "jamie") {
        if (pwd == "198237645") {
            window.location = "member.html"
        } else {
            document.write("Wrong Password!")
        }
    } else {
        document.write("Wrong Name!")
    }
}
</script>
<form action="">
  Login Name : <input type="text" name="loginname"><br>
  Login Pwd : <input type="password" name="loginpwd"><br>
  <input type="submit" onclick="checkPassword(this.form.loginname.value,this.form.loginpwd.value)" value="Login">
</form>

然而，在我输入正确的密码＆amp;名字，我只看到链接变成了：

http://tool-box.weebly.com/test.html?loginname=jamie&loginpwd=198237645

我该怎么办？如果我将window.location="member.html"更改为document.write("Password Correct!")，则说明其工作正常。

请帮忙。

Answer 1

您需要取消点击操作，以便表单不会提交

onclick="checkPassword(this.form.loginname.value,this.form.loginpwd.value); return false;"

我希望你意识到这不安全。

Answer 2

代码中的一对错误

a）单击提交按钮不会返回任何内容，因此每次都会提交表单

b）使用window.location.href

<script>
function checkPassword(name, pwd) {
    if (name == "jamie") {
        if (pwd == "198237645") {
            window.location.href = "memeber.html"
        } else {
            document.write("Wrong Password!")
        }
    } else {
        document.write("Wrong Name!")
    }
    return false;
}
</script>

<form action="" >
  Login Name : <input type="text" name="loginname"><br>
  Login Pwd : <input type="password" name="loginpwd"><br>
  <input type="submit"  onclick = "return checkPassword(this.form.loginname.value,this.form.loginpwd.value)" value="Login">
</form>

使用javascript window.location的html表单无法正常工作

2 个答案: