表单输入：图像onClick事件不'；t重定向页面。HTML和Javascript

我在尝试将一个简单的密码保护脚本放入HTML时遇到问题（我知道它不安全，我不需要高级保护），但重定向功能不起作用

我的输入有问题：image Onclick操作输入正确的密码后，它不会重定向到正确的页面。如果我使用一个输入：按钮，那么它可以工作，但我想使用一个输入：图像。我做错了什么？感谢您的帮助

下面是Javascript：

更改此选项：

<input type="image" border="0" src="images/go_button.png" width="52" height="25" alt="Go" onClick="pasuser(this.form);" />

为此：

<img border="0" src="images/go_button.png" width="52" height="25" alt="Go" onClick="pasuser(document.forms.login);" />

---

首先，你应该这样做

然后呢,

<script language="javascript">
<!--//
/*PW Script*/
function pasuser(form) {
    var pass = document.getElementsByName("pass")[0].value;
   if (pass == "fred") {              
    var your_url            = "portfolio.html";
    window.location.href       = your_url;
   } 
  else
  { 
    alert("Please enter the correct Password. Or request one under contacts");
  }
}

//-->
</script>

---

只需在onclick事件中返回false，即可防止输入元素的默认浏览器行为

onClick="pasuser(document.forms.login); return false;"

---

请注意，单击

input type=“image”

提交表单。由于某些原因，表单提交覆盖设置

位置

。（.）此外，您不应将密码硬编码到页面。最简单的解决方案是删除无用的表单。@Teemu感谢您的建议。我知道它不安全，但它进入的页面没有任何有价值的东西。我只需要一个轻安全层功能不，真的，带有点击事件的

标记不是输入字段，不会触发表单提交。