Form Entry: The Image onClick event does not redirect the page. HTML and Javascript


I'm having issues trying to put a simple password protect script in my HTML (I know its not secure, I don't need high level protection) but the redirect function doesn't work.

I'm having trouble with the input:image Onclick action it doesn't redirect to the proper page when the correct password is entered. If I use a input:button then it works but I want to use a input:image. What am I doing wrong? Any help is appreciated.

Here is the Javascript:

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


Here is my form to call the Javascript:

 <form name="login">
            <div class="LC_field2">

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

You just have to return false on your onclick event to prevent the default browser behavior for input elements.

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