javascript - 表单输入 :Image onClick event doesn't redirect page. HTML 和 Javascript

Question

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

我在使用 input:image Onclick 操作时遇到问题，当输入正确的密码时，它不会重定向到正确的页面。如果我使用输入:按钮，那么它可以工作，但我想使用输入:图像。我究竟做错了什么？任何帮助表示赞赏。

这是 JavaScript:

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

//-->
</script>

这是我调用 Javascript 的表单:

 <form name="login">
            <fieldset>	
            <div class="LC_field2">
           	
           	    <span class="ghosttext">
				<input type="password" name="pass" placeholder="Password"> 
              </span>
            </div>    
			<div class="LC_field3">    
                <input type="image" border="0" src="images/go_button.png" width="52" height="25" alt="Go" onClick="pasuser(this.form);" />
             </fieldset>
			</form>

Answer 1

您只需在 onclick 事件上返回 false 即可阻止输入元素的默认浏览器行为。

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