2014-02-27 83 views
0

HTML表單添加此代碼到我的網站:用JavaScript window.location的工作不

<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> 

然而,當我插入了正確的密碼&的名字,我只看到該鏈接變成了:

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

我該怎麼辦?如果我將window.location="member.html"更改爲document.write("Password Correct!"),則表示它正常工作。

請幫忙。

+4

多德,你真的不需要你的源代碼中的密碼和JavaScript處理... – Utkanos

+0

@Utkanos也許他是個初學者,只想測試一下...... – Peter

回答

2

您需要取消的點擊動作,因此表單不提交

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

我希望你意識到這是不安全的。

1

代碼錯誤的夫婦

一)的onclick的提交按鈕不會每次都返回任何因此表單提交

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>